Cerulean Harbor color palette — #F9F4EE · #C5E6D1 · #4494B9 · #06716D · #235146

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#C5E6D1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4494B9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#06716D): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#235146): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, 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

• Weathered Meadow color palette (#FCF4E7, #95DBE9, #008CB3, #006760, #184461)
• Hushed Cobalt color palette (#F8F5EF, #BFE6DB, #6A89C6, #006D88, #573F4F)
• Softworn Turquoise Lantern color palette (#B9F4ED, #46C2C4, #00859D, #006781, #275068)
• Ancient Powder Cabin color palette (#E8FAF1, #FFDEEA, #B8BDFF, #3F8B92, #374D46)
• Washed Studio color palette (#F1EADF, #408E92, #004451, #00231B, #000B12)
• Periwinkle Parlor color palette (#FCF2F8, #B3F1FF, #6EACDA, #558771, #384864)
• Dusty Petrol Cabin color palette (#F4EDE3, #92BDA6, #0070A0, #004F51, #0D2F51)
• Soft Amber Villa color palette (#E8FAF0, #3AAFCF, #CC6A43, #00718A, #603525)

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