Tempered Pine color palette — #FAE2C7 · #9C9D3F · #3F8240 · #4F4C8E · #111100
A conversation between Fern and Moss, giving this palette its sense of nature and growth.
The five colors
- Parchment (#FAE2C7): A whisper-light, dusty gold — the color of old brass.
- Moss (#9C9D3F): A luminous, balanced green — the color of new leaves after rain.
- Fern (#3F8240): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#4F4C8E): A full-bodied, balanced violet — the color of wild irises.
- Ink (#111100): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, 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
- Misty Bloom color palette (#E6DFCC, #6FA95F, #00836B, #6A4575, #031400)
- Pale Fern Grove color palette (#D9F5DF, #898742, #455C00, #472463, #111000)
- Jade Study color palette (#FEE8C7, #B7CB76, #2CB269, #816ABA, #2A3300)
- Airy Plum Veranda color palette (#F1DDD6, #E6B572, #93B65D, #AB488F, #2B0F00)
- Teal Chapel color palette (#E8E6D2, #8BCAA9, #05A5A6, #90667F, #00321F)
- Linen Scarlet Chapel color palette (#FFE8E5, #EA071D, #0081A2, #355E91, #170000)
- Cerulean Harbor color palette (#ECDDD6, #5DC2C9, #008FBE, #00713E, #001134)
- Soft Ember color palette (#FFE2D1, #E75911, #009290, #A53A00, #001313)
Browse the whole catalog at Explore, or see today's palette.