Sapphire Coast color palette — #FFF2E9 · #8BC0DC · #2366D7 · #00564F · #34226A
A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Sky (#8BC0DC): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#2366D7): A full-bodied, vivid violet — the color of wild irises.
- Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
- Royal Purple (#34226A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Sapphire Coast 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
- Dusty Petrol Pier color palette (#F9EBE5, #92BDA3, #216DA6, #00523E, #222857)
- Aged Cobalt Dune color palette (#E5F8E8, #7EC6EA, #0076BE, #005058, #001447)
- Gentle Loft color palette (#FFF4E2, #84D7FF, #0092E9, #00717B, #0B2E6C)
- Weathered Cobalt color palette (#FDF3EF, #B4D9BB, #008ABC, #006B3E, #243E6F)
- Dusty Cypress Coast color palette (#FBF4ED, #C5E4DB, #7D86B8, #007075, #503F64)
- Dusty Ember color palette (#FFDCCA, #D05F00, #0077B3, #7E3600, #00314E)
- Bronze Balcony color palette (#E8E0D2, #936800, #006F89, #2A4E78, #312100)
- Lagoon Bloom color palette (#F7E5E0, #489EA4, #00516C, #003217, #001233)
Browse the whole catalog at Explore, or see today's palette.