Tempered Pine color palette — #FFF3E6 · #A66500 · #007C3B · #00574B · #3B260E
Built around Olive, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Ochre (#A66500): A full-bodied, balanced gold — the color of old brass.
- Olive (#007C3B): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00574B): A full-bodied, dusty teal — the color of glacier melt.
- Espresso (#3B260E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
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
- Frosted Rust color palette (#FFF2EB, #C44800, #577200, #005937, #442011)
- Olive Market color palette (#FDF5DD, #7E7A00, #007770, #005366, #362A00)
- Wandering Grove color palette (#FFF3E2, #826500, #005C3D, #004148, #301932)
- Quiet Raspberry color palette (#FFF1F1, #C71B9D, #915700, #574900, #401D35)
- Soft Tangerine Boulevard color palette (#FFE0D3, #EC7E21, #9C5E00, #634300, #443100)
- Gentle Magenta Lagoon color palette (#FFF1F2, #BF1EB2, #9A5000, #004A8B, #431E24)
- Ancient Brick Workshop color palette (#FFF2ED, #F2776F, #8B5700, #A30117, #2B1800)
- Aged Meadow color palette (#EDDDD4, #8D2C00, #3A4A00, #420052, #1B0700)
Browse the whole catalog at Explore, or see today's palette.