Tempered Cerulean Harbor color palette — #F2F3E9 · #97D3DC · #008BA2 · #005B5A · #002818

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Ice Blue (#97D3DC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008BA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B5A): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#002818): 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 Tempered 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

• Washed Station color palette (#F1F3EB, #BFE7D5, #4396C7, #006A7C, #0F332B)
• Dusty Courtyard color palette (#FDF1FA, #88D3DE, #0084AD, #00624C, #253C54)
• Cobalt Studio color palette (#F0F3E9, #A9D2C2, #0082CB, #00586E, #2E1630)
• Cerulean Atelier color palette (#E4E6DC, #3F8392, #004354, #001F21, #000103)
• Muted Alley color palette (#EBEEDE, #57A9BF, #00617D, #00393D, #000D16)
• Muted Villa color palette (#FDF3EE, #D2D9EE, #00B6EC, #008266, #3A263D)
• Patina Balcony color palette (#E8E0CD, #9C9D60, #726500, #4C3C05, #1D1801)
• Mustard Station color palette (#FFEEE2, #E3DAB1, #E5B053, #92594C, #2F1B09)

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