Tempered Forest color palette — #F2F7EC · #CAD7C3 · #98AE95 · #006B4F · #263A00

Pine and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Oat (#CAD7C3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#98AE95): A luminous, dusty green — the color of fresh herbs.
• Pine (#006B4F): A full-bodied, balanced teal — the color of sea glass.
• Forest (#263A00): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Fern Garden color palette (#F7F5EB, #D4D4C2, #A6AB82, #546200, #34332C)
• Timeworn Petrol color palette (#F0F7F3, #CEDDDD, #A0BAB2, #006F8A, #2D3F36)
• Weathered Terrace color palette (#EFF4E8, #C6DBC2, #73B7CA, #006D44, #161D07)
• Misty Jade color palette (#E7F0D4, #43A782, #006A58, #00512B, #003726)
• Aged Spruce Balcony color palette (#E7EEE6, #929D93, #617767, #003330, #020D02)
• Lagoon Harbor color palette (#F3F6F1, #D3DCD9, #A1AEB9, #479182, #50544E)
• Softworn Study color palette (#E7FAF9, #CDE3E8, #87CADD, #008E5B, #123A3A)
• Washed Balcony color palette (#D5E2DC, #AFBCB8, #9C859D, #004B68, #09251C)

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