Tempered Pine Study color palette — #F9F1E3 · #A9A177 · #3B743A · #4B3C6B · #1A1F00
A conversation between Olive and Navy, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
- Taupe (#A9A177): A luminous, dusty green — the color of new leaves after rain.
- Olive (#3B743A): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#4B3C6B): A deep, shadowed, dusty violet — the color of wild irises.
- Onyx (#1A1F00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Pine Study 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
- Lagoon Lagoon color palette (#F4F2E9, #B4B78F, #418469, #64496D, #282910)
- Hushed Olive Lagoon color palette (#F9F5E8, #96A269, #506E1D, #6A3D35, #37362F)
- Dusty Forest color palette (#E7E3D4, #77986F, #006549, #5C222F, #021800)
- Hushed Onyx Grove color palette (#F0EADA, #69824E, #00522C, #371355, #040A00)
- Bronze Hollow color palette (#F9E5D5, #B7621B, #007D86, #006192, #220E00)
- Moss Boulevard color palette (#E9FAF1, #CDD6A5, #79954B, #8E4F47, #023024)
- Hushed Cerulean Garden color palette (#FAEFEA, #AFD1BB, #3A84AE, #005D50, #061F44)
- Washed Bronze Corridor color palette (#FFE6D4, #D69778, #A05000, #552300, #1C0800)
Browse the whole catalog at Explore, or see today's palette.