Sapphire Coast color palette — #CBEDFF · #0E9CF2 · #1673F8 · #3542C1 · #201150

Built around Sapphire, softened by Cobalt — the whole palette hums with trust and stability.

The five colors

• Frost (#CBEDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#0E9CF2): A luminous, vivid blue — the color of deep harbor water.
• Sapphire (#1673F8): A full-bodied, vivid blue — the color of deep harbor water.
• Cobalt (#3542C1): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#201150): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

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

• Washed Ultramarine color palette (#CFEFF3, #009AD9, #005DD4, #3F1DA5, #300A45)
• Indigo Studio color palette (#D7E3EF, #5E94FF, #6257FF, #5C36B2, #2E1249)
• Tempered Meadow color palette (#D3EBF1, #00AAEC, #005DDE, #2E1F86, #100019)
• Aged Violet color palette (#E8EBFF, #97A1FF, #7B6CFF, #4037BA, #050024)
• Weathered Navy Bloom color palette (#D4E9FA, #006FC3, #00448F, #06047A, #05003B)
• Worn Turquoise color palette (#D1F6F7, #00A8C0, #0089B1, #005D8A, #001D3E)
• Feathered Ultramarine color palette (#F6E6F3, #88ADFF, #B78603, #224DD0, #251800)
• Cobalt Quarry color palette (#F3D3EC, #D0C0FE, #E69BE5, #2788D8, #34172A)

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