Tempered Pine color palette — #FBF2F7 · #D7A48F · #9D8B4D · #3D793E · #014D4D
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF2F7): bright and airy, almost weightless.
- Rosewood Mist (#D7A48F): A luminous, dusty orange — the color of autumn markets.
- Moss (#9D8B4D): A luminous, balanced green — the color of new leaves after rain.
- Olive (#3D793E): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#014D4D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Timeworn Bronze color palette (#F9F2FB, #D89FAE, #B47E61, #7A6812, #2B4C2A)
- Olive Lantern color palette (#EBF5EB, #B98D41, #5D7E24, #005E4E, #003140)
- Lagoon Quarry color palette (#EEF8F2, #BCB284, #639C6E, #00787F, #294465)
- Weathered Abyss Courtyard color palette (#FEF0FF, #E1D2DE, #C3A4B4, #718C81, #33564F)
- Patina Mallow color palette (#FFF1F4, #EBADF9, #BFA673, #54948C, #364832)
- Washed Mallow Thicket color palette (#FFF1F2, #FFADE3, #C5887B, #7B6841, #4B2E3B)
- Weathered Quarry color palette (#F3F4FF, #9E8DC5, #9B6217, #006061, #2B4659)
- Weathered Cabin color palette (#F5F4FC, #C6A2D4, #B97780, #007495, #3C3E65)
Browse the whole catalog at Explore, or see today's palette.