Sapphire Ridge color palette — #F2F8E9 · #8FBDE7 · #136CCC · #005170 · #0B2A76
Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F2F8E9): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#8FBDE7): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#136CCC): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Peacock (#005170): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0B2A76): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Worn Cobalt color palette (#F4F6EF, #ABCEC2, #3B7BBC, #005B79, #243B5D)
- Patina Sapphire Harbor color palette (#FAF0E5, #8AC1F2, #3A5AF9, #00505B, #1D0747)
- Tempered Station color palette (#E3FBFA, #BBDEFF, #6EACFF, #008FC5, #152E6A)
- Hushed Cornflower Harbor color palette (#FFF1F5, #9DD1FF, #5B81FF, #00707E, #34226A)
- Ancient Petrol color palette (#F6F7E4, #6AC9CD, #007C89, #00564F, #003A45)
- Powdered Coast color palette (#DDFCFF, #8CDFF7, #0BACF3, #007672, #003A44)
- Dusty Petrol Villa color palette (#C7E8E2, #008376, #0066AF, #4F5900, #002B26)
- Aged Villa color palette (#B8F8FF, #00ADBA, #00636B, #003438, #002024)
Browse the whole catalog at Explore, or see today's palette.