Tempered Cerulean Harbor color palette — #DEF0FF · #8CB8E4 · #688EC4 · #465E8C · #2A3A57

Slate Blue takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DEF0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#8CB8E4): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#688EC4): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#465E8C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#2A3A57): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged 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

• Antique Periwinkle Cabin color palette (#EAF8FF, #D0DBF4, #88ACE6, #747CAD, #4A506F)
• Hushed Pier color palette (#E5EBFF, #BEB2EB, #8F76B3, #654B79, #373251)
• Petrol Workshop color palette (#EAF2FF, #9DB3E0, #C68897, #5870A5, #3D2743)
• Washed Terrace color palette (#C4F1FD, #6BC0C4, #31909B, #1C6B7B, #1B3B4C)
• Hushed Denim Chapel color palette (#ECF2FF, #C1C8F8, #737EB0, #3F4878, #161A3A)
• Softworn Iris color palette (#ECF2FF, #8A97D9, #B3779E, #3B8590, #1F2738)
• Tempered Villa color palette (#ECF2FF, #DAD4E1, #C1A2A2, #768BAA, #333745)
• Grape Bloom color palette (#EDECFF, #947ED5, #724DA9, #532970, #2F123D)

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