Tempered Forest Coast color palette — #DEE4CD · #007137 · #004562 · #4C0017 · #030300

Pine takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#DEE4CD): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#007137): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004562): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#4C0017): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Onyx Delta color palette (#F0E7D4, #655700, #004E5B, #4D0022, #050300)
• Olive Villa color palette (#FFDDD7, #4E8B0D, #005661, #560026, #001309)
• Faded Market color palette (#E7E9CD, #246100, #2D2496, #490031, #1D1000)
• Quiet Aubergine Veranda color palette (#DAECCF, #00725F, #620088, #3F2C00, #000705)
• Inked Aubergine Parlor color palette (#DEECD6, #00493D, #240063, #1E1000, #000201)
• Chalky Nightshade color palette (#E5DFD0, #776D00, #3F2AA2, #411B00, #170600)
• Emerald Courtyard color palette (#E5E3C9, #39A54A, #006959, #00353C, #000F20)
• Tempered Fern Corridor color palette (#E9EAE1, #C4D0BE, #89AE97, #28651C, #161707)

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