Tempered Pine color palette — #FFF3E7 · #EDDB93 · #A4B34E · #3F8539 · #074D3D
A conversation between Olive Leaf and Gold, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Wheat (#EDDB93): A whisper-light, balanced green — the color of fresh herbs.
- Gold (#A4B34E): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#3F8539): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#074D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Lime Alley color palette (#CDF8DB, #CFD27C, #98BB35, #629049, #1B5350)
- Washed Ridge color palette (#FFF5D6, #C8E4A1, #63C07D, #008974, #004B4D)
- Antique Thicket color palette (#FFF2EB, #FFC69A, #C39837, #797900, #2C481E)
- Dusty Mustard color palette (#EFE1B1, #B4B444, #6C7E08, #3B5C26, #2F3029)
- Ancient Delta color palette (#F4FAD4, #AFF2DD, #76B97E, #307225, #072500)
- Frosted Mint color palette (#C4EDAF, #54C48B, #008C7E, #005C65, #002133)
- Worn Courtyard color palette (#EFE6D9, #878600, #3B5D00, #00311B, #000605)
- Emerald Archive color palette (#F5F7E9, #B6E3AC, #C0ABFF, #509F3E, #3C2E5E)
Browse the whole catalog at Explore, or see today's palette.