Tempered Pine color palette — #DEF4E1 · #869D46 · #007443 · #004E5D · #002119
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DEF4E1): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#869D46): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007443): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#004E5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#002119): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance, 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
- Worn Forest color palette (#FBF5E6, #93AD6D, #1A713E, #004548, #050900)
- Emerald Basin color palette (#DCF6E9, #449947, #006153, #003C5B, #001501)
- Hazy Summit color palette (#EED8E2, #B28D00, #516B00, #00514A, #231900)
- Tempered Jade color palette (#D3EBE2, #3DAA6C, #00706A, #434A12, #00201F)
- Airy Pine color palette (#D8EADC, #93B162, #008758, #6C4861, #003128)
- Wandering Forest Grove color palette (#E4E3D2, #5F8656, #005323, #003828, #042200)
- Clover Coast color palette (#D5F3E8, #20CA7A, #008984, #2C5D8F, #00381D)
- Sunlit Cornflower Courtyard color palette (#DBE5F0, #1884F7, #897300, #0050A0, #211A00)
Browse the whole catalog at Explore, or see today's palette.