Sapphire Canyon color palette — #E5F0FF · #1F65CE · #6C4F00 · #002762 · #020100
Built around Royal Blue, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Frost (#E5F0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#1F65CE): A full-bodied, vivid blue — the color of deep harbor water.
- Bronze (#6C4F00): A full-bodied, balanced gold — the color of old brass.
- Midnight (#002762): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Sapphire Canyon into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Softworn Nightshade color palette (#F8E3F7, #004AAC, #533900, #001D4D, #0A0500)
- Chalky Amethyst color palette (#D7DDF7, #6F4DCC, #5C5700, #320073, #010100)
- Patina Terracotta color palette (#E0EEF8, #007698, #8B3600, #003040, #030000)
- Cobalt Villa color palette (#DCEEFF, #0083D4, #886E00, #005891, #090500)
- Quiet Pier color palette (#E7EEFC, #1A3AD1, #88010F, #003E0E, #00000C)
- Aged Market color palette (#DAE6F7, #B6AFE2, #AF77C0, #004769, #01000A)
- Feathered Magenta Pier color palette (#F0ECFF, #C25ACA, #00772A, #58005E, #000200)
- Airy Station color palette (#F1F5FF, #ABB0FF, #A48B00, #4F47B6, #1E1800)
Browse the whole catalog at Explore, or see today's palette.