Muted Sapphire Coast color palette — #FFF0F8 · #84C1DF · #0B65DF · #00574E · #32236A
A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sky (#84C1DF): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#0B65DF): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
- Royal Purple (#32236A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
Use it as a design system
One click turns Muted 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
- Washed Petrol color palette (#F4ECF1, #8CB9CD, #166EA4, #00523B, #1D275E)
- Aged Ultramarine Parlor color palette (#EBE0E5, #70A6C7, #244DB5, #003E3B, #250751)
- Cerulean Atelier color palette (#FAF2F9, #A3D7EA, #008ABC, #006B3E, #223E71)
- Hushed Periwinkle Terrace color palette (#E6F1FF, #479FFC, #00608F, #002C5B, #001C32)
- Weathered Iris color palette (#FAF3F5, #C7DFF7, #7B86BE, #007074, #434467)
- Aged Fuchsia color palette (#E8F8FF, #C5D3FF, #DF76D4, #006C62, #233970)
- Wandering Balcony color palette (#D5F2E8, #009DAA, #006C89, #004172, #171D80)
- Muted Azure color palette (#CDE9FF, #259EDB, #994600, #00557A, #4C1F00)
Browse the whole catalog at Explore, or see today's palette.