Tempered Pine color palette — #EFF0DA · #528956 · #004927 · #002026 · #010100
Fern and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EFF0DA): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#528956): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004927): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#002026): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, 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
- Midnight Market color palette (#DDF2E9, #3E6420, #003416, #00132E, #000200)
- Bronze Chapel color palette (#E7DDCA, #867C2F, #3D3F00, #3A000E, #010100)
- Muted Corridor color palette (#EBE5D6, #75963A, #00763A, #503C70, #040700)
- Washed Lagoon color palette (#F3F8E8, #80CEAE, #008A74, #0A5877, #001E14)
- Dusty Denim color palette (#E0E2D5, #62AFBE, #005E73, #002B2C, #000102)
- Fern Quarry color palette (#FBF5E5, #A4A760, #576800, #61262B, #0B0700)
- Feathered Emerald Coast color palette (#F9F6E2, #A2D57A, #1E9819, #8B3F18, #112400)
- Jade Ridge color palette (#F4F7E8, #ACEAC0, #00AC7C, #27758C, #0A381F)
Browse the whole catalog at Explore, or see today's palette.