Tempered Harbor color palette — #F6F3DF · #8D9F44 · #007F95 · #65397F · #4A1B00
A conversation between Plum and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F3DF): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8D9F44): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007F95): A full-bodied, balanced blue — the color of deep harbor water.
- Plum (#65397F): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#4A1B00): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.
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
- Dusty Lime Boulevard color palette (#E8FAF3, #9CB32A, #008595, #553486, #370704)
- Soft Basin color palette (#F5F7E9, #7FB576, #3A8BAA, #6F4C86, #5A2618)
- Mulberry Market color palette (#F0F4E4, #5CA971, #3076B3, #81285F, #392800)
- Amber Veranda color palette (#FCF0DE, #B98E00, #008571, #314995, #4F0D2B)
- Patina Lagoon Corridor color palette (#EDE8C2, #B5BD91, #619B91, #836270, #54383A)
- Hazy Grape color palette (#D5E7D9, #0098A6, #704AAD, #7F0C03, #1B2300)
- Washed Aubergine Corridor color palette (#E1E0C9, #568500, #005D6E, #450078, #2A0001)
- Olive Parlor color palette (#FFF4E1, #B9B886, #728B45, #736137, #37352F)
Browse the whole catalog at Explore, or see today's palette.