Cerulean Harbor color palette — #F1EADD · #A7CAAE · #00A2C3 · #007F6E · #002333

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

The five colors

• Cream (#F1EADD): bright and airy, almost weightless.
• Pistachio (#A7CAAE): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00A2C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007F6E): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Airy Studio color palette (#ECE4D7, #9DCCB8, #1697F1, #007B87, #011950)
• Tempered Cobalt color palette (#F6E7E1, #7FBDC4, #007FAD, #005D36, #021A4E)
• Worn Petrol Drift color palette (#F0EAE1, #72ACAF, #008297, #005F4D, #000B12)
• Dusty Bloom color palette (#EAF2D8, #95D8C6, #26CAE8, #6B9422, #00281E)
• Ancient Sky Atelier color palette (#F9F4ED, #C4EADA, #6EB8FA, #009EAD, #263A5E)
• Turquoise Grove color palette (#E8F3EA, #37AEB9, #006277, #003A31, #000D16)
• Washed Lagoon Cabin color palette (#D0E6DB, #50C697, #009D71, #006641, #000E06)
• Gentle Indigo Delta color palette (#E0E4D7, #00A760, #636EFF, #CE3400, #001708)

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