Tempered Harbor color palette — #D1EFDE · #5E7027 · #413900 · #291800 · #001001

Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D1EFDE): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#5E7027): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#413900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#291800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001001): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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 Bronze color palette (#F8DEE6, #7F6300, #512F00, #350D00, #0C0C00)
• Moss Villa color palette (#EBE4D3, #8C983B, #7C6F00, #634700, #050E00)
• Muted Atelier color palette (#E6F3E8, #8F8B41, #6D5000, #542A00, #002B23)
• Cellar Onyx color palette (#DAE3FA, #6A7400, #19005A, #270F25, #03001B)
• Shadow Nightshade color palette (#DAE7FF, #2403C6, #463200, #002319, #01011C)
• Dusty Taupe Market color palette (#E2F5E1, #B39C41, #8F5D00, #763204, #333A0A)
• Amber Dune color palette (#F9D0EA, #CB7500, #9B3400, #740024, #362600)
• Wandering Bronze Workshop color palette (#FFF0F8, #C499A7, #A0603D, #75403F, #2E4335)

Browse the whole catalog at Explore, or see today's palette.