1 Pick a hue on the ring
Hover the ring to preview. Click the center hole or corners of the graphic (outside the ring) to drop the preview, or click the hero / checklist / presets.
Primary anchor
Indigo
- hex
- rgb
- hsl
Anchor checks
Quick hue checks—hover the pass / fail / skipped icon for details.
- Pass. Both gates clear — reads clearly as a hue, not a stray neutral. HSL saturation 75% ≥ 16%; RGB channel span 159 ≥ 24Strong, intentional hue
- HSL saturation 75% ≥ 16%
- RGB channel span 159 ≥ 24
- Pass. White on primary ~6.29:1 for small type; weaker solid still ~3.34:1 (3:1+ for large shapes). White on primary: 6.29:1 ≥ 4.5:1; Black on primary: 3.34:1 < 4.5:1; Weaker ink: 3.34:1 ≥ 3:1 (large UI floor)Black or white on primary
- White on primary: 6.29:1 ≥ 4.5:1
- Black on primary: 3.34:1 < 4.5:1
- Weaker ink: 3.34:1 ≥ 3:1 (large UI floor)
- Pass. Clear of the near-black and near-white bands where anchors rarely read as intentional chroma. HSL lightness 20% ≤ 59% ≤ 80%Not pure black/white territory
- HSL lightness 20% ≤ 59% ≤ 80%
- Pass. Does not match the “very saturated + mid lightness” pairing we warn about for full-screen primary fills. Loud fill: HSL saturation 75% ≤ 88%; Loud fill: HSL lightness 49% ≤ 59% ≤ 52%; Heavy fill: HSL saturation 75% ≤ 88%; Heavy fill: HSL lightness 42% ≤ 59% ≤ 62%Huge fills vs vivid mid-tone
- Loud fill: HSL saturation 75% ≤ 88%
- Loud fill: HSL lightness 49% ≤ 59% ≤ 52%
- Heavy fill: HSL saturation 75% ≤ 88%
- Heavy fill: HSL lightness 42% ≤ 59% ≤ 62%
Ten strong anchors
Ten hues, evenly spaced on the wheel — Regenerate for a new spread. Pick one, then Validate.
- LimeSpringy mischief; green that feels like it’s laughing.
- EmeraldFresh air in the lungs — renewal, not a lecture.
- CyanFirst sip of cold water; alert, rinsed, awake.
- Royal blueClear-headed relief; the room feels ordered and fair.
- VioletPlayful ambition — delight without losing the thread.
- FuchsiaBright mood without the screen-burn; playful edge that still rests in the eye.
- RoseTender warmth — celebration and intimacy in one glance.
- CrimsonUrgent aliveness; heat that pushes you off the fence.
- BronzeHonest grit — hands that know earth, metal, and work.
- OrangeOpen-faced optimism; like someone turned the lights up—warm, not fluorescent.