Tempered Cerulean Harbor color palette — #CDE4E5 · #0097B0 · #286E90 · #444769 · #101600

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

The five colors

• Silver (#CDE4E5): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0097B0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#286E90): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#444769): A full-bodied, dusty violet — the color of twilight just after sunset.
• Ink (#101600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Aged Lagoon color palette (#CDE7DD, #00978E, #007885, #3C4876, #0D122D)
• Cerulean Delta color palette (#CAECF9, #3992C3, #466BA2, #453F5F, #200116)
• Denim Pier color palette (#D4E6DA, #2E8891, #144F88, #442105, #1F0B00)
• Wandering Olive Grove color palette (#DCEEFA, #008AB4, #518100, #005D7A, #030800)
• Feathered Azure color palette (#CEE7FC, #0094DF, #006AA3, #003E65, #000205)
• Byzantium Balcony color palette (#D6E9FB, #0074B9, #9314C8, #00675A, #000205)
• Hushed Study color palette (#D6E5F4, #80A4EA, #7C7FB9, #845973, #421321)
• Muted Powder Parlor color palette (#CAE9FC, #7AC4F9, #8699BF, #88668A, #3E2F4C)

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