Cerulean Harbor color palette — #EFF7F5 · #CBD7B0 · #5B81A4 · #26574C · #202F2B

A conversation between Storm Blue and Charcoal Brown, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Pistachio (#CBD7B0): A whisper-light, dusty green — the color of fresh herbs.
• Storm Blue (#5B81A4): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#26574C): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#202F2B): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Cerulean Veranda color palette (#EDF6FF, #B7E3EE, #5F8BAE, #374858, #141C23)
• Worn Driftwood color palette (#FAF2F7, #EFC6BA, #7977A6, #614254, #34272E)
• Antique Ash color palette (#EFF6FF, #FFD3C3, #88A0C3, #626E80, #262C34)
• Muted Ash Coast color palette (#FAF3F6, #DFD7D7, #BAAFA7, #9995C4, #594F54)
• Wandering Harbor color palette (#FAF3F7, #C5CFF9, #B08BC1, #7583DF, #3B272D)
• Bronze Archive color palette (#F0F8EE, #79B9B1, #BB9368, #827E2F, #344231)
• Patina Ash color palette (#FFF2EB, #D0B0DD, #B57EA4, #966041, #584045)
• Dusty Navy color palette (#FFF0FB, #FC99AA, #5462AE, #282E7F, #251421)

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