Sapphire Alley color palette — #CCEEFF · #2BA1FD · #3F5ED7 · #3C2A95 · #33144E
Royal Blue and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CCEEFF): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#2BA1FD): A luminous, vivid blue — the color of deep harbor water.
- Royal Blue (#3F5ED7): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#3C2A95): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#33144E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Sapphire Alley 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
- Nightshade Drift color palette (#D8EDF1, #00A3D8, #0073C1, #133BA9, #271857)
- Lapis Dune color palette (#EEF6FF, #B4D1FF, #6D98FF, #4A5ACF, #282767)
- Hushed Indigo color palette (#D5EBFF, #779AE6, #6959B8, #51276F, #2E0D30)
- Soft Garden color palette (#D6E6F0, #4984E3, #483FB7, #3F1785, #220035)
- Nightshade Harbor color palette (#E3F0FF, #5FA0FA, #3269F5, #3226CD, #3C3B7D)
- Timeworn Indigo color palette (#EFF1FF, #A7A6FF, #705AD1, #381D91, #0C0034)
- Frosted Courtyard color palette (#D3E4FF, #5B55D3, #5D19A1, #3D0055, #160013)
- Feathered Nightshade color palette (#EAF3FF, #78A5FF, #838700, #1544AF, #212300)
Browse the whole catalog at Explore, or see today's palette.