Tempered Pine color palette — #DFE1D6 · #97A49A · #5D999C · #1D772D · #090A02
Built around Olive, softened by Storm Blue — the whole palette hums with nature and growth.
The five colors
- Bone (#DFE1D6): a clean, paper-quiet neutral.
- Taupe (#97A49A): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#5D999C): A luminous, dusty teal — the color of shallow lagoons.
- Olive (#1D772D): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#090A02): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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
- Tempered Summit color palette (#E2DFD8, #9DA394, #80946F, #736300, #0E0800)
- Pine Lagoon color palette (#EDEEE0, #61985F, #00763E, #305308, #000900)
- Ancient Spruce color palette (#E8E8DF, #889082, #5B7162, #183200, #010100)
- Petrol Chapel color palette (#E0E9E2, #9FB5B4, #72A5A7, #008091, #09170E)
- Timeworn Quarry color palette (#D3E6E2, #A1C2C3, #7B979F, #1B4800, #000201)
- Ancient Clover Orchard color palette (#D7E3C9, #32C143, #00A57C, #008780, #000704)
- Patina Lagoon color palette (#CFE4E2, #299BA2, #0C7592, #494680, #170329)
- Hushed Pine Cabin color palette (#DBE2D2, #00915E, #00695D, #003A71, #000503)
Browse the whole catalog at Explore, or see today's palette.