Start from one color · Colorstruct

Palette

Name for color 1
Hex value for Vivid Blue
R channel for Vivid Blue, 0 to 255G channel for Vivid Blue, 0 to 255B channel for Vivid Blue, 0 to 255
Hue for Vivid Blue, 0 to 359 degreesSaturation for Vivid Blue, 0 to 100 percentBrightness for Vivid Blue, 0 to 100 percent
C ink for Vivid Blue, 0 to 100 percent — naive conversion, not colour managedM ink for Vivid Blue, 0 to 100 percent — naive conversion, not colour managedY ink for Vivid Blue, 0 to 100 percent — naive conversion, not colour managedK ink for Vivid Blue, 0 to 100 percent — naive conversion, not colour managed
Name for color 2
Hex value for Light Azure
R channel for Light Azure, 0 to 255G channel for Light Azure, 0 to 255B channel for Light Azure, 0 to 255
Hue for Light Azure, 0 to 359 degreesSaturation for Light Azure, 0 to 100 percentBrightness for Light Azure, 0 to 100 percent
C ink for Light Azure, 0 to 100 percent — naive conversion, not colour managedM ink for Light Azure, 0 to 100 percent — naive conversion, not colour managedY ink for Light Azure, 0 to 100 percent — naive conversion, not colour managedK ink for Light Azure, 0 to 100 percent — naive conversion, not colour managed
Name for color 3
Hex value for Blue
R channel for Blue, 0 to 255G channel for Blue, 0 to 255B channel for Blue, 0 to 255
Hue for Blue, 0 to 359 degreesSaturation for Blue, 0 to 100 percentBrightness for Blue, 0 to 100 percent
C ink for Blue, 0 to 100 percent — naive conversion, not colour managedM ink for Blue, 0 to 100 percent — naive conversion, not colour managedY ink for Blue, 0 to 100 percent — naive conversion, not colour managedK ink for Blue, 0 to 100 percent — naive conversion, not colour managed
Name for color 4
Hex value for Violet
R channel for Violet, 0 to 255G channel for Violet, 0 to 255B channel for Violet, 0 to 255
Hue for Violet, 0 to 359 degreesSaturation for Violet, 0 to 100 percentBrightness for Violet, 0 to 100 percent
C ink for Violet, 0 to 100 percent — naive conversion, not colour managedM ink for Violet, 0 to 100 percent — naive conversion, not colour managedY ink for Violet, 0 to 100 percent — naive conversion, not colour managedK ink for Violet, 0 to 100 percent — naive conversion, not colour managed
Name for color 5
Hex value for Dark Magenta
R channel for Dark Magenta, 0 to 255G channel for Dark Magenta, 0 to 255B channel for Dark Magenta, 0 to 255
Hue for Dark Magenta, 0 to 359 degreesSaturation for Dark Magenta, 0 to 100 percentBrightness for Dark Magenta, 0 to 100 percent
C ink for Dark Magenta, 0 to 100 percent — naive conversion, not colour managedM ink for Dark Magenta, 0 to 100 percent — naive conversion, not colour managedY ink for Dark Magenta, 0 to 100 percent — naive conversion, not colour managedK ink for Dark Magenta, 0 to 100 percent — naive conversion, not colour managed

Select a colour to edit it. Drag a swatch by its grip to reorder, or use the arrow buttons on each card. Every change is announced and can be undone.

Construction

Method

Neighbouring hues stepped by the hue interval, centred on the base.

Starting color

Anchor

Keep baseDerive all

Colors5

Lightness & chromaL 32%–86%

Lightness floor32%

Lightness ceiling86%

Chroma floor0.060

Chroma ceiling0.160

Contrast strength75%

How much of the lightness window the ramp uses.

Hue & temperature30° interval

Hue interval30°

Degrees between adjacent hues.

TemperatureNeutral

Pulls hues toward 65° (warm) or 250° (cool).

GamutHold lightness

Hold lightnessKeep chromaClip channels

Reduce chroma until the color fits sRGB. Lightness and hue are preserved exactly.

Variation35% · colorstruct

Variation is seeded, not random: the same seed always rebuilds the same palette.

Amount35%

Seed

Loading the workspace…