Tempered Pine color palette — #F5E7F0 · #007847 · #004350 · #40000E · #000705
Built around Pine, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Blush (#F5E7F0): bright and airy, almost weightless.
- Pine (#007847): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004350): A deep, shadowed, dusty blue — the color of deep harbor water.
- Espresso (#40000E): A deep, shadowed, balanced red — the color of embers at dusk.
- Ink (#000705): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Eclipse Forest Courtyard color palette (#F7D7C8, #006452, #003349, #260A00, #000202)
- Timeworn Archive color palette (#FFE0F0, #706600, #00482D, #3B002B, #040600)
- Navy Atelier color palette (#E1F4E0, #007378, #00377F, #2C1A00, #00060A)
- Feathered Navy Ridge color palette (#C4E8E0, #007768, #00464B, #17076D, #001B19)
- Deep Workshop color palette (#CCE8EF, #004F4B, #1D1C23, #001118, #000201)
- Spruce Terrace color palette (#D3E5E1, #4B866D, #004F4C, #153200, #000B05)
- Muted Drift color palette (#DBE6D5, #5B898E, #295A6F, #4B190D, #170F00)
- Airy Emerald color palette (#F6E0D5, #00995A, #006374, #6D001C, #001B16)
Browse the whole catalog at Explore, or see today's palette.