Web tools

Color schemer

Create a color scheme from five base colors, where each color comes in five variations.


Configuration

Base colors
Color steps
Visibility
Miscellaneous

Swatches

  1. 1 light-shades
  2. 2 light-shades
  3. 3 light-shades
  4. 4 light-shades
  5. 5 light-shades
  6. 1 light-accent
  7. 2 light-accent
  8. 3 light-accent
  9. 4 light-accent
  10. 5 light-accent
  11. 1 main-brand
  12. 2 main-brand
  13. 3 main-brand
  14. 4 main-brand
  15. 5 main-brand
  16. 1 dark-accent
  17. 2 dark-accent
  18. 3 dark-accent
  19. 4 dark-accent
  20. 5 dark-accent
  21. 1 dark-shades
  22. 2 dark-shades
  23. 3 dark-shades
  24. 4 dark-shades
  25. 5 dark-shades

CSS custom properties

Output format
Output settings
Actions