Tempered Harbor color palette — #EDF3C3 · #AFD385 · #6DC562 · #579C67 · #225558
A conversation between Clover and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Custard (#EDF3C3): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#AFD385): A whisper-light, balanced green — the color of new leaves after rain.
- Clover (#6DC562): A luminous, balanced green — the color of new leaves after rain.
- Fern (#579C67): A luminous, balanced green — the color of fresh herbs.
- Peacock (#225558): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Frosted Sunflower Ridge color palette (#FFF6CC, #D0DA6B, #7AB46A, #2F8669, #344C32)
- Pale Moss Atelier color palette (#C6EBD0, #BCBE6C, #57AF4B, #007B4E, #0E4E4B)
- Chalky Mint Delta color palette (#C1F6EF, #88DCAD, #00CDA9, #249E8D, #145254)
- Mallow Market color palette (#E5FBF8, #9CDFA0, #F397EE, #69B36F, #453C5B)
- Dusty Stone color palette (#E6FAF9, #C3E3F8, #BAB2C6, #9FB97F, #375657)
- Patina Drift color palette (#D3FFFF, #99EDC4, #4FCD96, #379363, #003421)
- Hazy Moss color palette (#DEE8CA, #4E9D00, #00813C, #005B3A, #001D16)
- Airy Mustard color palette (#FFE1EC, #F5C671, #C9A500, #968929, #404821)
Browse the whole catalog at Explore, or see today's palette.