Back

Color Palette

Generate classic color schemes including analogous, complementary, triadic, and more. Export CSS variables and Tailwind config.

Tool Guide

What is Color Palette?

Generate classic color schemes including analogous, complementary, triadic, and more. Export CSS variables and Tailwind config.

How to use?

  1. Pick Base Color: Select a primary color using the picker.
  2. Browse Palettes: Automatically generates analogous, complementary schemes.
  3. Export Config: Copy HEX values, CSS variables, or Tailwind config.

Use Cases

Theme Design

Build harmonious theme color palettes for new projects from scratch.