Tempered Harbor color palette — #D3EDDD · #767F40 · #294F04 · #481815 · #000B06
Built around Deep Olive, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D3EDDD): A whisper-light, dusty teal — the color of glacier melt.
- Walnut (#767F40): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#294F04): A deep, shadowed, balanced green — the color of fresh herbs.
- Espresso (#481815): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#000B06): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Weathered Onyx Lantern color palette (#E1F3F1, #3E886F, #004F49, #4D0F21, #000B06)
- Bronze Basin color palette (#FCEAD4, #8E6C00, #514500, #222400, #070B00)
- Washed Forest Thicket color palette (#DBEDE3, #859562, #35622E, #3F3A03, #0E1500)
- Airy Lagoon color palette (#D6F2E4, #736F00, #523EB6, #3B3800, #070024)
- Aubergine Coast color palette (#EDE2CD, #66854F, #00523B, #4A0855, #0F2000)
- Hazy Garnet Ridge color palette (#E4E9CD, #585E00, #005374, #6F0040, #030400)
- Dusty Olive color palette (#E0FAE7, #A9AE62, #56772E, #5A4B1A, #00281B)
- Ancient Thicket color palette (#E5FCEA, #94AD5E, #007245, #4A2E59, #000A07)
Browse the whole catalog at Explore, or see today's palette.