Sapphire Coast color palette — #E5EFFF · #86A5F1 · #D08D34 · #335BDE · #4D2D00

A conversation between Royal Blue and Mustard, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#E5EFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#86A5F1): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#D08D34): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#335BDE): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#4D2D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Muted Alley color palette (#E4F0FC, #6EAFE2, #D88738, #0070AE, #512B00)
• Feathered Delta color palette (#EAEEFF, #A99BE5, #949D3B, #7854D1, #353900)
• Wandering Amber color palette (#D8E5FF, #8190D8, #B77B13, #887800, #1E2A46)
• Linen Corridor color palette (#D4E0F5, #607EE5, #867400, #2800EE, #201B00)
• Aged Hollow color palette (#E1E2FF, #CC91FF, #829700, #7F00BE, #2A3200)
• Muted Meadow color palette (#FCE7F8, #6889E0, #C3446E, #314EA8, #562031)
• Cornflower Lantern color palette (#E4F0FF, #96C1FF, #5BC997, #5591E8, #004129)
• Hushed Denim color palette (#EBEEFA, #98C28B, #6A52A0, #3A2B5B, #121428)

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