Tempered Pine color palette — #E0E6D1 · #968500 · #00833B · #00595F · #000302
A conversation between Fern and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E0E6D1): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#968500): A luminous, balanced green — the color of new leaves after rain.
- Fern (#00833B): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00595F): A full-bodied, dusty blue — the color of deep harbor water.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
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
- Weathered Study color palette (#DFE8DA, #749900, #007A68, #004B6D, #000303)
- Wandering Pine color palette (#CEEEE9, #C08A00, #008A2C, #004D66, #00100C)
- Amber Lagoon color palette (#F3EFE1, #C97C00, #6E7200, #005C4E, #000400)
- Olive Basin color palette (#ECE2CB, #527500, #004220, #241E00, #020300)
- Muted Cypress color palette (#DCE1CF, #008066, #004758, #37101E, #1B0009)
- Clover Dune color palette (#D4FEFA, #9CC900, #00B649, #007757, #000200)
- Mulberry Villa color palette (#D6E3D5, #006968, #880047, #003130, #0A0003)
- Charred Corridor color palette (#D5F5DD, #4F595D, #00421F, #152023, #000808)
Browse the whole catalog at Explore, or see today's palette.