Tempered Pine color palette — #D0E7D6 · #8F9963 · #2C722B · #574200 · #191D00
Olive takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D0E7D6): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#8F9963): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#2C722B): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#574200): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#191D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Emerald Station color palette (#D8ECE3, #629253, #006245, #3B3B00, #031400)
- Washed Lagoon color palette (#E0F3EB, #73A06F, #007256, #6E2C37, #042204)
- Feathered Pine Ridge color palette (#FFF4E2, #9FAB4A, #227219, #4C3800, #070800)
- Feathered Moss Courtyard color palette (#D9F9E9, #A2B23E, #678E01, #68663C, #191D00)
- Faded Moss Boulevard color palette (#E9FBE9, #C2BE82, #6F934A, #007B68, #413C00)
- Worn Atelier color palette (#D9F2E9, #74BF84, #008B75, #526300, #003915)
- Fern Veranda color palette (#FFE5EE, #86732F, #3F4C00, #003425, #080500)
- Dusty Thicket color palette (#D2F9FC, #009D7A, #D7004E, #00624B, #39000F)
Browse the whole catalog at Explore, or see today's palette.