Tempered Pine color palette — #F6F0DA · #007D37 · #004039 · #380A1E · #000401
Olive and Onyx set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6F0DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#007D37): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004039): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#380A1E): A deep, shadowed, dusty rose — the color of pressed rose petals.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Pine Garden color palette (#E4E0C5, #008F5B, #004E4D, #3F1B33, #060900)
- Nocturne Olive Hollow color palette (#F3DFC5, #686E00, #004314, #23123F, #030300)
- Worn Lagoon color palette (#FFE9EA, #AA003D, #005647, #54001A, #000402)
- Emerald Archive color palette (#C5EAE5, #00A775, #005A50, #262159, #000201)
- Powdered Moss Meadow color palette (#F8E0C9, #A79600, #326B00, #3C3370, #1A1600)
- Wandering Jade Field color palette (#F7F2E0, #75B17E, #007569, #5F3B40, #1B1E0A)
- Patina Pine Harbor color palette (#FAF0E5, #B7B787, #568251, #6A4A59, #2D2714)
- Inked Grove color palette (#FCE7ED, #870048, #00474D, #092C3F, #040001)
Browse the whole catalog at Explore, or see today's palette.