Tempered Harbor color palette — #DEF1F7 · #008BAD · #005A78 · #00334C · #00172A

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

The five colors

• Frost (#DEF1F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008BAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005A78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00334C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00172A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Tempered 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

• Timeworn Turquoise Terrace color palette (#DBF3F8, #00A9D0, #007FA4, #00557A, #003352)
• Denim Station color palette (#D7EAFF, #4F9BDB, #005D9D, #002643, #000712)
• Turquoise Courtyard color palette (#9EFFFC, #00C6D6, #008AB3, #00507E, #031851)
• Wandering Studio color palette (#D3E1EB, #008BB8, #437C00, #004D68, #081600)
• Hushed Lagoon Studio color palette (#CDECDF, #009477, #00675A, #003A36, #00191A)
• Iris Balcony color palette (#E0EFFF, #ADC9F5, #8F9CF2, #00648E, #051C35)
• Patina Station color palette (#CBE5FF, #8AB0E5, #527ACC, #2F4392, #262C54)
• Wandering Grape color palette (#DCF1FF, #007698, #6541B7, #005B3B, #000D14)

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