Tempered Harbor color palette — #FFF2EC · #C9B93B · #00937E · #6E3A70 · #242307
Gold and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Gold (#C9B93B): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#00937E): A full-bodied, balanced teal — the color of sea glass.
- Mulberry (#6E3A70): A full-bodied, balanced pink — the color of peonies in June.
- Onyx (#242307): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
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
- Softworn Marigold color palette (#FFF3E8, #F6A215, #429250, #534680, #2A2005)
- Patina Delta color palette (#FFF2EF, #72D16A, #008CA8, #763959, #182607)
- Aged Meadow color palette (#FFF2EE, #B0DC8C, #35A2B1, #7D546F, #30332C)
- Faded Mustard color palette (#FFF4DF, #C8A406, #3376C2, #6E324F, #32091F)
- Linen Aubergine Balcony color palette (#FFE7F2, #8A8B3B, #006B50, #62215C, #033931)
- Softworn Oat color palette (#FFF3E2, #D0D6AB, #8FAE95, #865E55, #4D2B24)
- Misty Corridor color palette (#D6F8EA, #9BCA80, #4AAE78, #0080A7, #003934)
- Tempered Forest color palette (#F0EACD, #6C985C, #006D45, #003F56, #001F04)
Browse the whole catalog at Explore, or see today's palette.