Cerulean Harbor color palette — #FCF1FA · #7FE0EA · #008ABC · #006B3E · #283F67

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

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Ice Blue (#7FE0EA): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#008ABC): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006B3E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#283F67): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Muted Cobalt color palette (#FFF1F6, #9DD6FA, #587CCB, #006761, #423765)
• Hushed Delta color palette (#FFF0FB, #5CC9DB, #0076AB, #00593B, #1B2E66)
• Cerulean Harbor color palette (#F2F3E7, #95DEE6, #0093A9, #00625F, #002A36)
• Turquoise Study color palette (#EBF8F6, #A1E9F2, #00AEC8, #00837F, #004759)
• Aged Cypress Loft color palette (#FBF2F7, #D7E0F1, #7F9CBC, #467A6C, #4A5266)
• Lagoon Study color palette (#E7DAE5, #00A3A9, #00516B, #003214, #001330)
• Hazy Navy color palette (#ECDDE4, #378AB0, #003685, #00231F, #0B0027)
• Frosted Ridge color palette (#FEF2ED, #B2F1F9, #33C7FA, #00AA82, #004272)

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