Tempered Cerulean Harbor color palette — #EDF4EE · #C9E0EE · #5695BD · #006C6F · #142D48

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

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Powder Blue (#C9E0EE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5695BD): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006C6F): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#142D48): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ancient Cobalt color palette (#EDF4EE, #B0CBE2, #527EB5, #005969, #141D40)
• Cypress Corridor color palette (#DCE4DE, #60ABA7, #00646D, #003B29, #000D13)
• Worn Summit color palette (#FBF3EF, #C8E4D5, #5C8DC4, #007360, #583E4F)
• Aged Boulevard color palette (#D4E4D7, #6091AD, #004B82, #002B31, #00011C)
• Ancient Lagoon color palette (#DAF9FC, #C1DBF6, #A6C0F1, #548A65, #08353D)
• Patina Cypress Veranda color palette (#DFF7F8, #70B499, #B9749B, #007758, #40152F)
• Linen Pine Courtyard color palette (#D9F4EE, #79B482, #0B8854, #005747, #003431)
• Hushed Lagoon Chapel color palette (#D7F9FF, #83D0C2, #00907E, #00493F, #001914)

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