Cerulean Coast color palette — #FCF3EF · #B2F4F2 · #00A3BF · #006E43 · #002134

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Sea Foam (#B2F4F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00A3BF): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E43): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002134): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean 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 Azure Dune color palette (#FBF3EE, #C0EEFF, #0499ED, #006B63, #0D1B42)
• Weathered Sky Pier color palette (#FFF2ED, #BEECF6, #00B6EA, #008264, #00372E)
• Denim Archive color palette (#F3E8E2, #55B1C2, #005C7F, #002C23, #000105)
• Petrol Field color palette (#E7F2E9, #8BBAC7, #007584, #00523E, #003343)
• Washed Thicket color palette (#FEF3EC, #7FDBF2, #0083BC, #005247, #000A26)
• Hushed Powder Summit color palette (#FCF3ED, #C1E6F6, #89C0F7, #3D918D, #50344B)
• Antique Meadow color palette (#FFF2EE, #E8597A, #009689, #0071AD, #1F0200)
• Antique Brick color palette (#FFF2EC, #F78471, #00AA8B, #BA1200, #001E17)

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