Tempered Pine color palette — #E0E5D3 · #238A4E · #253627 · #14180B · #080602
A conversation between Fern and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E0E5D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#238A4E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#253627): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#14180B): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#080602): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Muted Coast color palette (#E7F1E4, #27958A, #2B4138, #1A2018, #0C0D08)
- Tempered Cypress Quarry color palette (#D9E8CF, #006B57, #3F484D, #00232D, #030A00)
- Washed Rust Orchard color palette (#E6F8E3, #00A39A, #BD6057, #9F5149, #12230F)
- Timeworn Chapel color palette (#F9F1E2, #B7B68D, #4F816A, #6E4F00, #2A2813)
- Tempered Lagoon color palette (#E3E4D6, #74BF8F, #00927F, #005F69, #013048)
- Airy Boulevard color palette (#E5F8E6, #5AB4B8, #C2718B, #007377, #421626)
- Dusty Iris Balcony color palette (#F7F1EB, #C4E5DB, #7C89C3, #006C6F, #3F212E)
- Inked Denim color palette (#E0F4ED, #00486E, #0E0727, #030D0B, #000201)
Browse the whole catalog at Explore, or see today's palette.