Tempered Ridge color palette — #F3F3E8 · #BCC8AE · #6D8C72 · #696416 · #253800
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E8): bright and airy, almost weightless.
- Pistachio (#BCC8AE): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#6D8C72): A luminous, dusty green — the color of fresh herbs.
- Olive (#696416): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#253800): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Ridge 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
- Olive Boulevard color palette (#F4F6EE, #BAC5AE, #72896B, #636C25, #3E5616)
- Antique Driftwood color palette (#F6F1E9, #C6C6A5, #728E4E, #4F685C, #31322B)
- Muted Pine color palette (#FEEFDF, #AFAB66, #467A3B, #00575C, #242200)
- Olive Boulevard color palette (#EAE3D0, #53884B, #005042, #002E44, #010B00)
- Bronze Thicket color palette (#FDE6D5, #836200, #313B00, #2A0944, #040200)
- Worn Ash Field color palette (#ECF8F5, #B9D8DA, #67A8AD, #59887D, #365355)
- Tempered Forest Market color palette (#F8EDDF, #8A945C, #196535, #00414B, #111400)
- Cypress Workshop color palette (#F8F0EB, #C7E6E4, #AC92AE, #3A786A, #462D3D)
Browse the whole catalog at Explore, or see today's palette.