Sapphire Coast color palette — #FFF3E9 · #44C6FD · #1767D9 · #00574E · #31295E

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#44C6FD): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#1767D9): 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.
• Navy (#31295E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Chalky Cabin color palette (#F7ECE6, #62C1D6, #006EA9, #00523B, #212B50)
• Linen Lagoon color palette (#EDE1D7, #62A7D0, #284EAF, #003E3B, #21173D)
• Softworn Cerulean color palette (#FFF2ED, #76E1EB, #008BBA, #076A3D, #283F67)
• Powdered Lagoon color palette (#F2F9E1, #88D6FF, #0095DE, #006F86, #00345E)
• Timeworn Iris color palette (#FAF4ED, #C0E0FF, #7B86BF, #216E72, #5A3E49)
• Hushed Loft color palette (#FFF0F8, #ADE2FF, #6BADFF, #009799, #252475)
• Aged Meadow color palette (#FAE8E1, #40A0A4, #00516B, #003215, #001330)
• Grape Cabin color palette (#EDE6C1, #8F9E22, #7608E4, #4B5400, #370C6E)

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