Tempered Harbor color palette — #DDF0E7 · #859907 · #5F5F00 · #3E3600 · #0C1500
Olive Leaf takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DDF0E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#859907): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#5F5F00): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#3E3600): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#0C1500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged earthy, 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
- Worn Amber Parlor color palette (#DDF5DE, #AD8828, #795300, #4E2E00, #171100)
- Moss Coast color palette (#E2E2B1, #6DA000, #625E00, #503700, #063216)
- Hazy Courtyard color palette (#DBFFEE, #A0CB72, #868300, #654800, #001F0A)
- Wandering Olive Villa color palette (#D1EADA, #7D7400, #504300, #2E2000, #050600)
- Wandering Bronze Ridge color palette (#FFDFEB, #CE9242, #9A5900, #6A3200, #05230C)
- Quiet Forest Loft color palette (#FFE4EE, #9A5800, #006F1C, #00463D, #140700)
- Chestnut Boulevard color palette (#FAE4EF, #934C00, #5A2400, #300800, #030100)
- Ancient Driftwood color palette (#F9EEF4, #D2B0C1, #A87461, #6A4D63, #37262E)
Browse the whole catalog at Explore, or see today's palette.