Tempered Pine color palette — #F0EBDD · #427B40 · #004237 · #262300 · #011501
Olive and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F0EBDD): bright and airy, almost weightless.
- Olive (#427B40): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004237): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#262300): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#011501): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Cypress Atelier color palette (#E9EAD3, #007E65, #004046, #40091F, #00140E)
- Timeworn Olive Meadow color palette (#FDEDDB, #717000, #064408, #00282C, #111000)
- Weathered Grove color palette (#EAE8D7, #5F925C, #006340, #303E00, #011501)
- Forest Studio color palette (#F2E2CD, #8A915F, #186531, #004650, #302907)
- Quiet Garnet color palette (#E1F1E1, #006D6E, #8C1700, #003435, #250200)
- Ancient Cocoa color palette (#C2EBEA, #005858, #682C00, #3B2700, #000A0A)
- Weathered Jade Market color palette (#D9F4E6, #6DA969, #00836F, #5E5800, #011501)
- Dusty Denim Workshop color palette (#FFE8DF, #589C9F, #00516B, #003214, #001330)
Browse the whole catalog at Explore, or see today's palette.