Cobalt Coast color palette — #FFF2EA · #8FCFEA · #3F7DB4 · #00605C · #4A3145

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sky (#8FCFEA): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3F7DB4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#4A3145): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Forest Balcony color palette (#FCF3EE, #96D1D3, #2A849C, #086242, #183E58)
• Hushed Cerulean Canyon color palette (#FAF4ED, #C0E0FF, #7688BA, #2D6C77, #583F4C)
• Aged Lagoon Chapel color palette (#F1F7F2, #C1E6FD, #71BAEE, #009FA6, #223B5D)
• Worn Lagoon Veranda color palette (#EBDDD7, #00A3A7, #005265, #00321F, #001626)
• Washed Raspberry color palette (#FFDBD8, #BF4587, #00805B, #006966, #42201F)
• Apricot Dune color palette (#FFF1F1, #FFCCC5, #D6A265, #82658C, #583D37)
• Tempered Canyon color palette (#FAEDE3, #5EA8D3, #1253AB, #003D40, #191843)
• Aged Navy color palette (#FAE7D9, #4689AA, #003C75, #002222, #05002C)

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