Cobalt Coast color palette — #F9F3F8 · #A2CDDD · #0082B2 · #00633B · #273A5D

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Sky (#A2CDDD): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0082B2): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00633B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#273A5D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Muted Cobalt color palette (#FCF2F5, #AEC8E0, #6171BF, #005F61, #413159)
• Aged Cerulean color palette (#F6F1E9, #ACD3B3, #008AA6, #005D50, #00281C)
• Turquoise Bloom color palette (#EEF8F0, #ADDDEF, #00A6C7, #007E6D, #1D3E54)
• Patina Pine color palette (#E8F8FF, #C2D9F4, #C6A6D3, #007954, #16465A)
• Softworn Turquoise color palette (#DBF6FF, #54ACC9, #007388, #003B4C, #00232F)
• Ancient Grove color palette (#EBE0E8, #528A95, #004161, #002416, #01002F)
• Hazy Archive color palette (#E0F2F8, #319FA5, #B9583E, #006368, #5B2010)
• Aged Station color palette (#EFE6EC, #7CA5B9, #005C90, #00402E, #101353)

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