Tempered Coast color palette — #DFEFE1 · #867C2F · #364200 · #00230C · #010100

Walnut takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DFEFE1): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#867C2F): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#364200): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#00230C): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Coast 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

• Timeworn Lagoon color palette (#DCF7F1, #4D8962, #004738, #0E2100, #000200)
• Charred Fern Parlor color palette (#EEE0CA, #695E00, #272F00, #001D09, #070600)
• Wandering Garden color palette (#EBD8E2, #A1843F, #586B00, #00544B, #090500)
• Weathered Olive Study color palette (#E9FAF1, #B1C393, #488842, #005F4D, #131C00)
• Hushed Forest Chapel color palette (#DFFDF4, #83AF85, #00714F, #004546, #000B01)
• Hushed Station color palette (#CFF7F9, #00778A, #004C64, #00111F, #000104)
• Petrol Harbor color palette (#CAE6FA, #00749F, #804200, #002F44, #030100)
• Dusty Bloom color palette (#E1ECE3, #80A8C2, #00598D, #002B2F, #000106)

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