Tempered Pine color palette — #FFF4E1 · #A5832F · #269151 · #A2494B · #3B3731

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

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#A5832F): A luminous, balanced gold — the color of honey in a jar.
• Fern (#269151): A full-bodied, balanced teal — the color of glacier melt.
• Brick (#A2494B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#3B3731): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Tempered Olive color palette (#FFF3E9, #C37037, #748514, #964B75, #3D3732)
• Worn Moss Field color palette (#FAF6DA, #7D933E, #008E86, #975622, #393831)
• Sunlit Cocoa Balcony color palette (#EFF3D2, #727700, #007564, #863700, #252700)
• Bronze Field color palette (#FEF3E7, #BBA381, #976724, #6D4827, #403D36)
• Powdered Emerald color palette (#D2F7D1, #079A26, #008191, #7F5800, #183919)
• Patina Stone color palette (#FEF4E4, #DAE2C7, #B8CA80, #917245, #5E4700)
• Weathered Cobalt color palette (#EFF9EA, #00967F, #4072B3, #564684, #2C3726)
• Patina Fern Summit color palette (#F8F5EA, #BCAE7A, #535600, #302E27, #181D11)

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