Tempered Forest color palette — #EDF9F1 · #A1C0B3 · #668A75 · #47674A · #344E47

Built around Pine, softened by Eucalyptus — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF9F1): bright and airy, almost weightless.
• Ash (#A1C0B3): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#668A75): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#47674A): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#344E47): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Washed Basin color palette (#FDF1F5, #A8BFAA, #9B7957, #7D523C, #3A4D41)
• Hushed Cypress color palette (#EEF7F6, #A9CAAF, #356962, #11413C, #16282D)
• Timeworn Pine Meadow color palette (#EEF7F7, #9BCBC9, #3A87A6, #2B7F50, #213039)
• Tempered Denim color palette (#D9FDFF, #8CC1CC, #31929F, #00647F, #034979)
• Fern Station color palette (#FCF4E5, #E3DAB6, #C5B48F, #A38E72, #4F4900)
• Dusty Mulberry Hollow color palette (#E9F9F7, #739C78, #8575A6, #8D445B, #2B4240)
• Aged Olive color palette (#D3E6DC, #626E31, #3F3900, #261A00, #040F00)
• Muted Cocoa Boulevard color palette (#DEEDDD, #A8946A, #85591C, #6B3200, #183828)

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