Tempered Harbor color palette — #DBE7E6 · #9FC0C2 · #6B96A0 · #02541B · #0C2422

Deep Olive takes the lead with Storm Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#DBE7E6): bright and airy, almost weightless.
• Ash (#9FC0C2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#6B96A0): A luminous, dusty blue — the color of deep harbor water.
• Deep Olive (#02541B): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#0C2422): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Abyss color palette (#D9ECED, #8FB0B8, #608695, #004231, #031719)
• Softworn Chapel color palette (#EEEFE8, #C0C7BB, #93AD96, #2C722A, #1F2110)
• Cypress Chapel color palette (#E4FAFD, #B8D9E4, #8DACBC, #00695C, #17393D)
• Hushed Atelier color palette (#D1E8E1, #448C54, #00523B, #223504, #002209)
• Moss Quarry color palette (#C3EDEE, #4AB200, #008D6B, #005D67, #001C17)
• Timeworn Summit color palette (#EDF8F7, #D2DCE3, #B7C0CB, #4F8164, #3F4A4A)
• Hazy Pine Cabin color palette (#E8E1D1, #007A42, #004746, #3E0044, #001C13)
• Muted Summit color palette (#DDF4E7, #009091, #1C5B75, #502440, #491118)

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