Cerulean Harbor color palette — #FDF3EE · #ACD0B0 · #1F83AA · #166238 · #223B60

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

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Pistachio (#ACD0B0): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#1F83AA): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#166238): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#223B60): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Cerulean Harbor 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

• Dusty Cobalt Lantern color palette (#FCF3EA, #A8CFC2, #6374B2, #005F60, #40315A)
• Tempered Cerulean color palette (#EDF4EE, #A9CEDC, #008AA5, #005D4F, #002434)
• Cypress Hollow color palette (#F9F4ED, #C3DCC7, #4BA3BA, #007E6C, #0A4057)
• Softworn Onyx color palette (#EDDCD5, #488C97, #004160, #002415, #01012E)
• Turquoise Grove color palette (#D8F7FF, #3EBAD5, #006F83, #003E51, #002530)
• Pine Grove color palette (#E6FCE7, #C1E0FF, #BCA5D1, #4C805B, #27493D)
• Feathered Alley color palette (#FFF3E6, #90BDE4, #4E5ADE, #005557, #3E2060)
• Ancient Cypress color palette (#FCF3F0, #CAEAE2, #7AA490, #517A5A, #604A60)

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