Tempered Field color palette — #F4F6ED · #CAD6BC · #8DA386 · #94756E · #3E5615
A conversation between Deep Olive and Taupe, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F6ED): bright and airy, almost weightless.
- Oat (#CAD6BC): A whisper-light, dusty green — the color of a quiet forest floor.
- Taupe (#8DA386): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#94756E): A full-bodied, dusty orange — the color of toasted spice.
- Deep Olive (#3E5615): A full-bodied, balanced 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 Field 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
- Washed Fern Basin color palette (#F7F6EA, #B9C6A8, #3B9093, #7E5C5B, #3F5613)
- Worn Ash Lantern color palette (#EAF9F7, #BADDEE, #8AB7C0, #8F8092, #384A4B)
- Softworn Chestnut color palette (#FDF4E4, #D7E5C8, #98C6BA, #BA9A74, #5F4D00)
- Hushed Grove color palette (#FFF5D9, #E7D5AB, #ACA360, #796D0F, #413C0F)
- Tempered Fern Station color palette (#F1E9DC, #8F8634, #4A5B00, #493400, #121000)
- Emerald Courtyard color palette (#FEF4E0, #B5C383, #5D983D, #98524A, #383F17)
- Timeworn Market color palette (#F8EEE0, #7B7833, #394D00, #570015, #070600)
- Worn Cypress color palette (#F0F0DC, #65A374, #007257, #673700, #00220B)
Browse the whole catalog at Explore, or see today's palette.