Cobalt Coast color palette — #F0F8F1 · #C6E0F5 · #568DCE · #006E80 · #3A4860

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#C6E0F5): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#568DCE): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006E80): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3A4860): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Ancient Ash Dune color palette (#F1F7F2, #D3DFF2, #6AA2BA, #3C7B75, #415567)
• Airy Workshop color palette (#BAF4FF, #5ABEE0, #008CC0, #205D93, #364A66)
• Muted Cerulean color palette (#FAEEF2, #C0E1FB, #778DBD, #1B6C67, #252946)
• Antique Mallow Balcony color palette (#EEF6FF, #DCD7EA, #CAADF3, #4D889F, #455061)
• Ancient Cerulean color palette (#DDECE0, #418BA4, #004161, #002223, #00091A)
• Hushed Denim Parlor color palette (#EAF3EB, #62ACB6, #006179, #003F37, #002235)
• Wandering Cerulean color palette (#EFF8F1, #95D2D2, #008799, #00624C, #054154)
• Ancient Balcony color palette (#EDF6FF, #62A7DB, #C7711E, #006BA6, #5B391E)

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