Tempered Harbor color palette — #E0F5F3 · #009FA2 · #006E75 · #003F48 · #001B22

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

The five colors

• Cream (#E0F5F3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#009FA2): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#006E75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003F48): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001B22): 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

• Teal Hollow color palette (#DDF3E6, #00AB9A, #00707A, #004B5C, #212A55)
• Weathered Mint Grove color palette (#B0FFD8, #00CFC1, #009AA0, #006073, #002840)
• Tempered Turquoise Canyon color palette (#C9F1FF, #00B3DC, #006B83, #003441, #00080C)
• Tempered Byzantium Villa color palette (#D6F2FF, #0096AE, #9936D2, #005664, #230037)
• Cerulean Parlor color palette (#C7ECF8, #7FC1C8, #2892A8, #00677D, #1F3F53)
• Gentle Delta color palette (#DFF7FF, #8BD4F8, #4EAAFE, #00737D, #00222F)
• Cobalt Loft color palette (#DDF0FC, #0084C7, #005E9F, #002D62, #000F37)
• Frosted Parlor color palette (#D1E6CD, #00A84C, #007042, #004A33, #001D14)

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