Sapphire Coast color palette — #E5F3E8 · #89B7DE · #2F64BD · #004D5F · #232954

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#89B7DE): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#2F64BD): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#232954): A deep, shadowed, dusty 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

• Patina Quarry color palette (#E5F3E7, #65C0D4, #007295, #00504B, #0C314A)
• Cobalt Orchard color palette (#F5E4E9, #93B8D8, #4666B6, #004A52, #160A39)
• Cobalt Quarry color palette (#F8ECE0, #9ECAEF, #6984C5, #006A76, #2D2359)
• Dusty Archive color palette (#ECF9EE, #89DDEF, #008CB5, #006761, #184362)
• Patina Corridor color palette (#ECF1E3, #B4DED1, #5AA7FF, #008AB8, #0F2B5D)
• Softworn Station color palette (#E0F4E3, #269CC8, #004E7B, #002F33, #001134)
• Coral Boulevard color palette (#FBEDFF, #ECABD0, #D37E89, #5B4C80, #382F50)
• Muted Turquoise Studio color palette (#F0F7F1, #CDE2F6, #5CA7B0, #477B66, #425661)

Browse the whole catalog at Explore, or see today's palette.