Tempered Pine color palette — #EEF3DD · #0F7E19 · #005844 · #002728 · #000F16
A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#EEF3DD): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#0F7E19): A full-bodied, vivid green — the color of new leaves after rain.
- Deep Olive (#005844): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#002728): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000F16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Washed Lantern color palette (#D8EADA, #007556, #004343, #002128, #00070F)
- Tempered Forest Summit color palette (#F0E8D2, #767700, #0D5C0C, #002B1C, #000F0D)
- Timeworn Study color palette (#E0F3E1, #00A96E, #007A5D, #00423D, #000F0F)
- Timeworn Studio color palette (#E0EED2, #007E5E, #A40041, #00412F, #170004)
- Lagoon Archive color palette (#D3EDEB, #009691, #00534D, #001E1C, #000202)
- Iris Archive color palette (#EBF1E2, #70C0CE, #6A7FFC, #455A00, #011201)
- Pale Garnet color palette (#D5E7E0, #006851, #910022, #592700, #000503)
- Weathered Bronze Veranda color palette (#E8E5D2, #BB6600, #008476, #020E11, #000200)
Browse the whole catalog at Explore, or see today's palette.