Sapphire Coast color palette — #F1E5EA · #86BCD6 · #1965D1 · #004C44 · #150E32

Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F1E5EA): bright and airy, almost weightless.
• Sky (#86BCD6): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#1965D1): A full-bodied, vivid blue — the color of deep harbor water.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#150E32): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Petrol Boulevard color palette (#F0E5EE, #75C2C9, #00759E, #004E2B, #031435)
• Antique Petrol color palette (#E7F2E9, #74BBE1, #186CAD, #004E57, #1A2C52)
• Ancient Study color palette (#F7ECE4, #97CDE9, #5886D1, #006D63, #2D2651)
• Linen Azure Pier color palette (#C5E2FF, #3E9CE1, #005699, #002552, #00040E)
• Hushed Blush Hollow color palette (#E0F2FF, #B5CAFF, #CD85B6, #00685C, #0A1B2F)
• Misty Azure color palette (#D5EBFF, #2497DB, #904400, #004B73, #210B00)
• Denim Canyon color palette (#F0E6ED, #4297AC, #004D7D, #002D21, #02001C)
• Chestnut Corridor color palette (#D7F4FF, #007A82, #825200, #505000, #000E0F)

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