Base colour
Enter a hex value or use the picker. The palette updates live.
Tip: try
#6EA8FF, #22C55E, #A855F7
Mode
Label
Base at
Harmony
Angle
Extras
Palette
Click any swatch to copy its hex value.
Brand
Your primary ramp (50–900).
Neutral
Brand-tinted greys derived from the base hue.
Output
CSS variables and JSON export shown below. Use the copy buttons.
CSS variables
:root --name-…
JSON
{ name: { … } }