Tempered Pine color palette — #E2F3EE · #247F3E · #004230 · #361A00 · #001504
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#E2F3EE): a clean, paper-quiet neutral.
- Olive (#247F3E): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004230): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Espresso (#361A00): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#001504): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Quiet Olive Cabin color palette (#D7EADE, #677300, #1E4200, #470204, #0E1100)
- Patina Pine color palette (#D6F9EC, #007C46, #003F3C, #360927, #000401)
- Ancient Bloom color palette (#E1F4F0, #3D8C5F, #005141, #163800, #002210)
- Timeworn Emerald color palette (#ECE8D3, #319964, #00605C, #572142, #0C1200)
- Tempered Grove color palette (#DFF1E1, #5FB192, #00909A, #364400, #001B10)
- Timeworn Station color palette (#D6EAE1, #72995A, #006631, #3D420A, #00312A)
- Tempered Nightshade color palette (#DAF5DC, #005D1E, #1500C1, #600106, #000B01)
- Misty Grove color palette (#EDEDD4, #6BA96C, #00864A, #665402, #001502)
Browse the whole catalog at Explore, or see today's palette.