Cerulean Coast color palette — #F2F3E7 · #B8DABC · #0093A4 · #00635C · #002A34

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F2F3E7): bright and airy, almost weightless.
• Pistachio (#B8DABC): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#0093A4): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00635C): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002A34): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Abyss Atelier color palette (#EBEBDB, #549797, #00545A, #002C26, #000507)
• Softworn Petrol Hollow color palette (#F2F3E3, #6BCCD9, #007F95, #005250, #001E28)
• Weathered Cypress color palette (#F1F2EC, #C9DEDC, #67A6C0, #097982, #213D32)
• Cobalt Market color palette (#F0F4E6, #A7D6FB, #3986D1, #005E7B, #032251)
• Worn Cobalt color palette (#F0F5DD, #59AE6C, #0089D8, #006E2E, #00223C)
• Weathered Denim Workshop color palette (#E8EBE2, #74A3BF, #005D91, #003745, #000B1C)
• Antique Lantern color palette (#E0EAC6, #009C56, #00829E, #795D00, #001F0C)
• Timeworn Workshop color palette (#FEF2EC, #BDECF6, #3ABFE9, #008C66, #00385D)

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