Cerulean Harbor color palette — #FCEAE3 · #A8CFB4 · #3C90BA · #006E5B · #0D2E55

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCEAE3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pistachio (#A8CFB4): A luminous, dusty teal — the color of sea glass.
• Cerulean (#3C90BA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#0D2E55): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Sunlit Cornflower Orchard color palette (#F8ECE1, #9ACBEC, #5185D9, #006B71, #282852)
• Dusty Cobalt color palette (#EFE2D7, #8CBEAA, #3D76BC, #00595B, #171847)
• Soft Teal Orchard color palette (#D2E7DE, #00ACA9, #008A97, #005973, #003352)
• Quiet Periwinkle Veranda color palette (#FFF3E8, #B6E1FF, #699BEE, #008189, #383673)
• Quiet Lilac color palette (#D4FBE2, #C2DDFF, #BCA2F0, #018473, #0E394F)
• Wandering Denim color palette (#F2E2D5, #669BB1, #005B9A, #003C39, #03002E)
• Sunlit Terrace color palette (#C4EEFF, #37BBE4, #0083A8, #004561, #001825)
• Tempered Petrol Corridor color palette (#FDE9DF, #65B1B0, #007288, #004D2F, #001625)

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