Tempered Pine color palette — #EEE3D2 · #9AAD76 · #2F8459 · #6C5100 · #222E02

Fern and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EEE3D2): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9AAD76): A luminous, dusty green — the color of fresh herbs.
• Fern (#2F8459): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#6C5100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#222E02): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Hushed Lagoon Station color palette (#FCF4E6, #A5BD96, #429176, #70632A, #36362F)
• Cypress Market color palette (#EDE7D7, #71A071, #007161, #4B4700, #022204)
• Washed Grove color palette (#E7FCEA, #AEC769, #35895A, #614E26, #001E16)
• Softworn Olive color palette (#F2E1D6, #BCA166, #697B0F, #006457, #352600)
• Worn Petrol color palette (#E6E6D2, #7DB29E, #00818B, #7B3F54, #003124)
• Dusty Emerald Archive color palette (#FCF4E7, #ACC682, #239D6A, #0D758E, #324116)
• Wandering Moss Orchard color palette (#ECE4D0, #ACC668, #61A451, #78756D, #2E2905)
• Jade Alley color palette (#DFE6CE, #55B973, #008271, #005D62, #003846)

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