Sapphire Ridge color palette — #DDECFF · #2A66C8 · #6A5600 · #003079 · #0B0700
A conversation between Royal Blue and Navy, giving this palette its sense of nature and growth.
The five colors
- Frost (#DDECFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#2A66C8): A full-bodied, vivid blue — the color of open sky before noon.
- Coffee (#6A5600): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#003079): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#0B0700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Sapphire Ridge 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
- Gentle Quarry color palette (#D7DEED, #5B5FB9, #5C5C00, #2D009A, #080800)
- Chalky Sapphire Summit color palette (#DFEAF8, #126ACE, #006B43, #003775, #002112)
- Feathered Terracotta color palette (#E3F2FF, #0073A4, #943500, #003B56, #140300)
- Nightshade Market color palette (#ECEEFF, #4D45AD, #6C4100, #403E00, #030017)
- Worn Station color palette (#E8E8FC, #935BC3, #0D6A12, #3E0061, #000B00)
- Powdered Navy color palette (#FCE6FB, #5391EF, #009164, #0047A4, #000B05)
- Ultramarine Grove color palette (#F1D9ED, #4C7AFF, #996B00, #182DDB, #261800)
- Tempered Station color palette (#DBDEFA, #9F61E5, #7D7400, #6600AA, #191700)
Browse the whole catalog at Explore, or see today's palette.