Cerulean Harbor color palette — #F6F1E9 · #B2D0BE · #4684A4 · #005B5A · #002720

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

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Pistachio (#B2D0BE): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4684A4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B5A): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#002720): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Dusty Grove color palette (#F6F1E9, #A4D4C1, #4F7FB2, #005966, #30152D)
• Lagoon Field color palette (#E6DDCF, #539894, #00545C, #002D1F, #000508)
• Antique Cabin color palette (#DBFBEC, #B7D8FF, #B5B6E6, #007D83, #042A20)
• Sunlit Atelier color palette (#D2F8F4, #00ACB2, #007A8F, #004C64, #002237)
• Plum Cabin color palette (#D3E5DD, #0088B2, #9F4F79, #605F00, #001721)
• Washed Petrol Loft color palette (#EEE8DE, #8EB8DE, #446AAC, #00495A, #0E1036)
• Muted Orchard color palette (#F5F1EA, #C8E2DE, #72A4BB, #597354, #1D3D34)
• Cerulean Grove color palette (#DAEFE3, #17A0C4, #B46147, #005F76, #370A00)

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