Tempered Harbor color palette — #DEEFE5 · #787A2A · #3E4C00 · #332C00 · #060600

Walnut and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEEFE5): A whisper-light, dusty teal — the color of sea glass.
• Walnut (#787A2A): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3E4C00): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#332C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Ancient Lagoon Summit color palette (#DFF3F1, #428462, #00523D, #003610, #000803)
• Pale Study color palette (#D2E6DB, #828A43, #455C00, #094505, #0F1100)
• Aged Cabin color palette (#E1F4ED, #006853, #00537A, #423F00, #000202)
• Washed Summit color palette (#D0E3E0, #66A27B, #007251, #0F5414, #00220F)
• Pale Lagoon color palette (#D9E9E3, #91B07A, #488244, #4D5D1B, #1A3003)
• Ultramarine Garden color palette (#DAF6F9, #007B68, #3C43C1, #004237, #030022)
• Cerulean Loft color palette (#D8E9EC, #59B0B3, #0094AC, #005D49, #00100E)
• Worn Veranda color palette (#D9EDEB, #659BB3, #005F88, #003A44, #000A16)

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