Tempered Pine color palette — #E9E6B9 · #90B97B · #478548 · #236838 · #1F5138
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#E9E6B9): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#90B97B): A luminous, balanced green — the color of fresh herbs.
- Fern (#478548): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#236838): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#1F5138): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged warm.
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 Quarry color palette (#ECFCD9, #7EC7A7, #2B8965, #005237, #003522)
- Quiet Garden color palette (#C1F0D5, #5FBA97, #009277, #006D60, #13505F)
- Hazy Clover color palette (#E2F6C9, #A7D691, #6CC062, #4E9860, #1C5554)
- Worn Dune color palette (#DAF0DF, #00B575, #007652, #004C3B, #003239)
- Bronze Atelier color palette (#F8DAA9, #C7AB63, #967E1E, #5F5400, #2A4724)
- Softworn Pine Terrace color palette (#F2F9E3, #6AB285, #578DC7, #0D7946, #513755)
- Lagoon Study color palette (#F0FADA, #499C6C, #1288A7, #806500, #373932)
- Chestnut Harbor color palette (#FDF4E7, #B7A485, #886E41, #724600, #403D36)
Browse the whole catalog at Explore, or see today's palette.