Cobalt Coast color palette — #EDF7FF · #D3DFF3 · #B5BBE0 · #0080BA · #263540

Built around Cerulean, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Frost (#D3DFF3): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#B5BBE0): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#0080BA): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#263540): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cobalt 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

• Cobalt Lantern color palette (#F1F5FD, #E0D6E7, #D3B7D1, #6D81CA, #3A404B)
• Dusty Denim color palette (#ECF7FF, #C7D3EB, #A4A2C6, #00628A, #1C3648)
• Softworn Delta color palette (#EAF9F4, #E9D4D0, #B1A492, #0085CC, #002C23)
• Hushed Denim color palette (#EBECF9, #C6C1D2, #B19CB9, #6F4E93, #1D1E2D)
• Aged Navy Drift color palette (#D9E3F0, #9FA4B7, #8682A1, #21437C, #020917)
• Tempered Ridge color palette (#D6EBFF, #0091EE, #C5002C, #544700, #1A2A00)
• Sapphire Field color palette (#E2E9FD, #4660FF, #45275F, #0D1A32, #000813)
• Dusty Thicket color palette (#FFE2EB, #C5AA00, #668400, #4B5789, #362E00)

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