Tempered Harbor color palette — #D2EBF1 · #007799 · #005279 · #002A4E · #000533

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

The five colors

• Frost (#D2EBF1): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007799): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005279): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002A4E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000533): A deep, shadowed, balanced violet — the color of wild irises.

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

• Antique Cypress color palette (#D2E5E0, #007B7A, #005158, #002C38, #000C15)
• Onyx Corridor color palette (#CFF7F7, #006B7A, #00365A, #020052, #0F002E)
• Airy Lagoon color palette (#CDE6F3, #006EB0, #004092, #090071, #090029)
• Orchid Drift color palette (#D3E3F7, #8B99DE, #A160D1, #005474, #010B2D)
• Hushed Lantern color palette (#D0E3F5, #006DB1, #804800, #003B62, #0D0400)
• Dusty Ridge color palette (#E0EDFF, #2F7AE8, #004098, #00104D, #000109)
• Chalky Coast color palette (#D2E3EE, #33A3FD, #0F61F4, #3C42AF, #262250)
• Linen Mulberry color palette (#D8E5F4, #0058A4, #920032, #264800, #000206)

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