Tempered Pine Field color palette — #F8F7E1 · #8AAF7F · #337A42 · #235D48 · #3D3E00
Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F8F7E1): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#8AAF7F): A luminous, dusty green — the color of fresh herbs.
- Olive (#337A42): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#235D48): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#3D3E00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Pine Field 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 Pine Archive color palette (#F8F1E4, #9DB174, #008137, #005859, #1B2500)
- Worn Dune color palette (#FAF5E7, #BAB087, #7E752B, #4F5F47, #4F4200)
- Forest Courtyard color palette (#E5E7D2, #6D9874, #00653F, #0A483D, #0F3117)
- Feathered Emerald color palette (#E4FCED, #ACC681, #4B9963, #00787B, #324114)
- Aged Summit color palette (#F6F7E5, #95DDE0, #00909E, #00675F, #004856)
- Hushed Terrace color palette (#F1ECD5, #597723, #194300, #002828, #0A1300)
- Indigo Orchard color palette (#E4EAFF, #5C6FF3, #B33896, #006D78, #232B5B)
- Wisteria Courtyard color palette (#FFF0FA, #E6D5E7, #CC9DF5, #536FB2, #403D69)
Browse the whole catalog at Explore, or see today's palette.