Sapphire Coast color palette — #F7EDDC · #80BFE7 · #0067BC · #003C46 · #000016

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

The five colors

• Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
• Sky (#80BFE7): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0067BC): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003C46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Wandering Petrol Thicket color palette (#F8EDDB, #75C6CF, #00738C, #003F36, #000306)
• Weathered Navy Pier color palette (#DAE8DD, #5298C2, #004A89, #002F36, #040D39)
• Cerulean Atelier color palette (#FCF4E8, #B5D6B4, #008A9A, #00533F, #000F16)
• Nightshade Pier color palette (#EBDCE2, #4293C0, #092CC2, #002C29, #060017)
• Muted Meadow color palette (#F1E2D6, #8DB6D3, #5D7DD8, #006D6A, #1B003B)
• Hazy Ridge color palette (#E8F0DF, #507400, #005B99, #7F0033, #010100)
• Hazy Iris Pier color palette (#FFF4E2, #E0E3F6, #6296FF, #006E8A, #1C175A)
• Washed Periwinkle Bloom color palette (#FBF4EA, #C4E4F8, #7FA8E3, #007C94, #40223A)

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