Tempered Harbor color palette — #FFF5D5 · #B3C391 · #648F53 · #2D7239 · #4A4D47
Built around Olive, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF5D5): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B3C391): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#648F53): A luminous, balanced green — the color of fresh herbs.
- Olive (#2D7239): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal Brown (#4A4D47): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged muted.
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 Pine color palette (#F5F6EC, #95BC92, #B487B1, #3F853D, #664147)
- Frosted Ridge color palette (#FAE6CA, #B7B672, #659A53, #1E6748, #263824)
- Ancient Jade color palette (#DFFFE7, #CFD395, #79AF60, #4F8C68, #305A60)
- Weathered Lagoon Workshop color palette (#F0FAD9, #88C5AF, #2F9A8E, #007071, #31543D)
- Softworn Olive Canyon color palette (#FFF3E8, #C8A77B, #A4883C, #716700, #504E47)
- Fern Meadow color palette (#F4F7E8, #CBE6D8, #A2D2CA, #889B6D, #405918)
- Clover Alley color palette (#DCE5D5, #62C171, #008652, #005A44, #003E4A)
- Aged Lagoon color palette (#D6EEE1, #008A78, #005451, #00353A, #091B2C)
Browse the whole catalog at Explore, or see today's palette.