Cerulean Harbor color palette — #FCF2F7 · #D19E83 · #85A67D · #3883A9 · #4B3641

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

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Camel (#D19E83): A luminous, dusty orange — the color of sun-warmed clay.
• Moss (#85A67D): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#3883A9): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#4B3641): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Muted Chapel color palette (#EFF8EE, #C8A475, #60AD95, #6A74B7, #334233)
• Petrol Bloom color palette (#ECF9F1, #BBB380, #639A7D, #007688, #5E3247)
• Timeworn Lagoon color palette (#FDF1FD, #D9969A, #AD9969, #228D76, #473747)
• Aged Delta color palette (#ECFAED, #E3B0A1, #9F9260, #636A9F, #57404A)
• Aged Loft color palette (#FFF2EE, #FFA8AA, #70BCC7, #678C71, #3E2D28)
• Hushed Field color palette (#FCF1FB, #FFA7A4, #BCBA86, #9296BC, #463844)
• Tempered Amber Market color palette (#FEF3EA, #C07E51, #668B50, #316C57, #423C37)
• Washed Garden color palette (#FAF3F6, #D0D9DA, #A4A3B1, #C88B6E, #585054)

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