Tempered Pine color palette — #F9F1E0 · #9CB16F · #008137 · #6C3950 · #1B2500

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F1E0): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9CB16F): A luminous, balanced green — the color of fresh herbs.
• Olive (#008137): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#6C3950): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#1B2500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Washed Jade color palette (#F4F3DF, #5EBE8B, #007C71, #673B58, #1C2406)
• Dusty Chestnut Terrace color palette (#F2F3E9, #A8BA97, #1A8586, #7E441D, #232A1B)
• Washed Drift color palette (#EFEADB, #739B5B, #006542, #572734, #071700)
• Antique Olive Terrace color palette (#FBF5E2, #9EAD4C, #567516, #6E4719, #3C3B34)
• Patina Veranda color palette (#E6FCED, #A7CA59, #389D57, #8D556C, #334017)
• Washed Villa color palette (#EAFBB9, #9BBD3F, #508200, #2B3D00, #0A1200)
• Soft Coast color palette (#F9EDE0, #BC9000, #817600, #3B5200, #083201)
• Washed Moss Corridor color palette (#E5FCF0, #D3E294, #78A22C, #8B6131, #01382A)

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