Color Palette Generator

Create harmonious color palettes with an interactive color wheel, like Adobe Color.

Base Color

H:239° S:84% L:67%

Click or drag on the wheel to change the base hue

Extra Colors+0

Generate additional colors that harmonize with the palette

#6366F1Base

#F26467Double-click to set as baseColor 2

#67F264Double-click to set as baseColor 3

css

/* CSS Custom Properties */
:root {
  --color-1: #6366f1;
  --color-2: #f26467;
  --color-3: #67f264;
}

json

[
  "#6366f1",
  "#f26467",
  "#67f264"
]

/* Tailwind config */
colors: {
  palette: {
    100: '#6366f1',
    200: '#f26467',
    300: '#67f264',
  }
}