Cobalt Coast color palette — #EDF8F3 · #CCE0E3 · #DBC1C9 · #2F7FA9 · #12221C

A conversation between Cerulean and Oat, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF8F3): a clean, paper-quiet neutral.
• Silver (#CCE0E3): A whisper-light, dusty blue — the color of deep harbor water.
• Oat (#DBC1C9): A whisper-light, dusty rose — the color of strawberry cream.
• Cerulean (#2F7FA9): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#12221C): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Weathered Loft color palette (#EFF7F5, #E1D3D1, #A7A59A, #608FB9, #26312E)
• Dusty Indigo Boulevard color palette (#FBF2F7, #E7D7D6, #D4BBB7, #6D6ABE, #261A21)
• Worn Denim color palette (#E4EAEE, #C4CCD7, #9CA3BA, #005E7B, #0C171E)
• Velvet Coast color palette (#F2DEF0, #3971D9, #1C2045, #261413, #0A0109)
• Antique Market color palette (#F1F9E4, #89CBB4, #1F8879, #105C5E, #101D03)
• Worn Powder color palette (#F1F5FF, #C6BEFA, #9883AF, #80474E, #3D1E0D)
• Iris Terrace color palette (#FEF0FF, #D9D4EA, #A7CFFF, #7E8AF4, #000636)
• Periwinkle Parlor color palette (#FFF2EF, #67A4F4, #5B60B3, #6C1849, #05102E)

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