Cobalt Coast color palette — #E9F3EB · #7AA8C0 · #2279BC · #005C65 · #000526

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F3EB): a clean, paper-quiet neutral.
• Blue Fog (#7AA8C0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#2279BC): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C65): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#000526): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Worn Harbor color palette (#DEE7E0, #82B7DB, #0C83EC, #006A7B, #040347)
• Petrol Harbor color palette (#E3EEE5, #64B0AB, #00848F, #006044, #000B10)
• Lilac Chapel color palette (#E1EDF7, #96ACE7, #A281EA, #007387, #000F28)
• Ultramarine Atelier color palette (#F3E3EB, #6B99B2, #1750B4, #003C36, #0B0027)
• Cerulean Canyon color palette (#D6EDEE, #00839D, #00698F, #003E5E, #000A1F)
• Hazy Bronze color palette (#D7EDFF, #0088BF, #A65B00, #005B82, #0D0400)
• Tempered Azure color palette (#E7F4E9, #98C8DF, #009FD4, #007D79, #00213A)
• Plum Grove color palette (#E0F0FF, #0075B4, #BB005B, #4D6200, #000205)

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