Sapphire Coast color palette — #FFF0FE · #2F6FE2 · #9E4D00 · #494F00 · #192B4A
Built around Royal Blue, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#2F6FE2): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ochre (#9E4D00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#494F00): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#192B4A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
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
- Violet Chapel color palette (#FFF0F7, #7E59D7, #875E00, #005B15, #2D234C)
- Sunlit Quarry color palette (#DBFFF3, #258FD3, #9D1F0F, #584900, #002E4B)
- Patina Violet color palette (#FFF1F6, #9260CC, #9B3100, #234B00, #00354A)
- Ultramarine Grove color palette (#EBD7E6, #4758B4, #7C4200, #323D00, #111736)
- Plum Hollow color palette (#E5FCEC, #008599, #AD3254, #6D3C00, #00323A)
- Mulberry Harbor color palette (#FFF4E2, #937AD0, #9B2487, #4B4700, #422952)
- Tempered Olive Canyon color palette (#D6FCEA, #0088B2, #677300, #464F00, #00190F)
- Lapis Studio color palette (#FDF1F7, #E8D4D1, #D1B3B7, #6A55BE, #4A3A43)
Browse the whole catalog at Explore, or see today's palette.