Tempered Pine color palette — #F4F7EB · #DBC18B · #40834A · #284C2D · #212316
Built around Fern, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7EB): a clean, paper-quiet neutral.
- Sand (#DBC18B): A whisper-light, dusty gold — the color of honey in a jar.
- Fern (#40834A): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#284C2D): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#212316): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Ancient Cabin color palette (#F9F5EA, #DBC18C, #807228, #543F00, #272112)
- Antique Harbor color palette (#E8FBEB, #DEB456, #00787F, #004348, #0E1F12)
- Patina Atelier color palette (#F0F9E7, #DD9D7C, #1E5E48, #233500, #141E18)
- Muted Sand color palette (#ECF8F8, #FACB9D, #6BA480, #3F6C6B, #162524)
- Hazy Study color palette (#F3F6EF, #7EDBAD, #009FC1, #2A9669, #18281F)
- Ancient Drift color palette (#DDE4D0, #A57C00, #004427, #001409, #010200)
- Wandering Thicket color palette (#DAE8D9, #936E00, #003331, #291F29, #000807)
- Patina Lagoon color palette (#F2F7F1, #D2DEDB, #ADC9C8, #5A9E92, #434A41)
Browse the whole catalog at Explore, or see today's palette.