Tempered Forest color palette — #EDF0E8 · #C7CFC3 · #97A597 · #00663A · #2C3021
Built around Pine, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#EDF0E8): a clean, paper-quiet neutral.
- Oat (#C7CFC3): soft and architectural.
- Taupe (#97A597): A luminous, dusty green — the color of new leaves after rain.
- Pine (#00663A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#2C3021): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Basalt Loft color palette (#F3F6EF, #CFDDD8, #A7B9AB, #33715B, #2C4300)
- Abyss Alley color palette (#EBF0E9, #B1BDB1, #799685, #005144, #192314)
- Pine Orchard color palette (#E6F1F0, #CCDADD, #A0BCCD, #0E883C, #203230)
- Petrol Harbor color palette (#EFF7F5, #EBD8DC, #CAB5C1, #0070AF, #2C463E)
- Tempered Basalt Coast color palette (#EBF3E4, #619B9E, #407492, #5F3B3A, #4D2700)
- Patina Corridor color palette (#D9E7E1, #A196A1, #7E6979, #002F43, #000D07)
- Wandering Pine Courtyard color palette (#F0DBBA, #008D62, #00585E, #52154B, #002B24)
- Feathered Mint color palette (#E7F9DE, #79CB6F, #009F8C, #00708A, #002F2E)
Browse the whole catalog at Explore, or see today's palette.