Cobalt Coast color palette — #F4F6EF · #81BF99 · #1973B7 · #007243 · #172824

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Mint Leaf (#81BF99): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#1973B7): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#007243): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#172824): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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 Sapphire Delta color palette (#F1F7F1, #65C1B9, #4D66C4, #006F69, #2E1E2B)
• Worn Petrol Coast color palette (#E8F4F6, #55CAB7, #0081A6, #007568, #041018)
• Antique Market color palette (#F7F5EF, #B8B269, #007B98, #6A6100, #14291F)
• Linen Seafoam Lantern color palette (#F0F8EC, #66DCC4, #00A1B6, #009580, #1B271F)
• Petrol Bloom color palette (#FFF2EA, #37AC9D, #0071A9, #743C22, #2C4431)
• Sunlit Villa color palette (#ECF9F0, #00B5CF, #7A2FD1, #00616F, #2E1220)
• Powdered Turquoise color palette (#EDF9EE, #85FECD, #00C4E0, #5E80D1, #28463B)
• Washed Coast color palette (#F2F7F1, #D3DDDB, #ABC6C9, #1A857B, #424A40)

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