Nate's Toolbox

Colors

BetaFully client-side

Colors

Beta
Palettes, conversions, and palette management.

Select Primary

Your primary is the main brand accent—the hue that carries emphasis and identity—and we choose it first because every other role, neutral ramp, and contrast relationship is derived from that anchor.

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.

  • IndigoSteady hands on the wheel — trustworthy, unshowy calm.
  • 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.
  • LimeSpringy mischief; green that feels like it’s laughing.
  • EmeraldFresh air in the lungs — renewal, not a lecture.
  • TealCalm curiosity; the breath between sea and leaf.
  • Deep tealSerious quiet — roots, long views, no hurry.
  • Royal blueClear-headed relief; the room feels ordered and fair.