Tempered Harbor color palette — #D1E8D8 · #007686 · #004195 · #400368 · #002711

Royal Purple takes the lead with Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D1E8D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007686): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#004195): A deep, shadowed, balanced blue — the color of open sky before noon.
• Royal Purple (#400368): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Forest (#002711): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Sunlit Coast color palette (#E3F8EB, #00859D, #344BA2, #591664, #00342A)
• Hazy Nightshade color palette (#D7ECE1, #00617E, #250A9C, #35003F, #00170F)
• Pale Field color palette (#DBE5D1, #007B5C, #004F61, #1A1A77, #172400)
• Hushed Cerulean color palette (#C2EFF5, #0098B1, #006A84, #004660, #1B284C)
• Inked Aubergine Drift color palette (#F1DEF2, #00498D, #3B0064, #2B0016, #000A0B)
• Softworn Aubergine color palette (#CDE8E0, #006DAE, #4D1FA1, #520045, #420008)
• Aged Drift color palette (#DCE4D4, #007E5D, #551F98, #500201, #1B0300)
• Petrol Canyon color palette (#EDF0E3, #77BCD8, #00719C, #004E59, #00314E)

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