Cobalt Coast color palette — #E7F4FC · #0085B6 · #8E4F00 · #5D3200 · #001714

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

The five colors

• Ivory (#E7F4FC): bright and airy, almost weightless.
• Cerulean (#0085B6): A full-bodied, balanced blue — the color of deep harbor water.
• Ochre (#8E4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5D3200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#001714): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, muted.

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

• Patina Terracotta color palette (#E5F5FA, #008D96, #974349, #652C2F, #02160F)
• Powdered Cornflower Chapel color palette (#E9F3FF, #498FE1, #974B3A, #4C4000, #00260E)
• Airy Lantern color palette (#EEF1FE, #786AD6, #815500, #5A3C00, #00171F)
• Tempered Rust color palette (#E6FBF2, #52A8CF, #B15661, #705505, #222D18)
• Washed Azure color palette (#DEFAEC, #4EA5DC, #715F9B, #4B4911, #172334)
• Timeworn Pewter color palette (#FFF1F4, #9363A1, #754C81, #662C1F, #182C1D)
• Dusty Petrol color palette (#ECF3F9, #D9D7E4, #C3B9CA, #597995, #242D35)
• Gentle Sky color palette (#E5FBF1, #22B7F7, #936DB3, #2D6745, #0A1A0D)

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