Tempered Oat color palette — #EDE4B4 · #A7D5B0 · #89B49F · #A47A72 · #5E423D
A conversation between Pistachio and Celadon Mist, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#EDE4B4): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A7D5B0): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#89B49F): A luminous, dusty teal — the color of glacier melt.
- Mocha (#A47A72): A luminous, dusty orange — the color of sun-warmed clay.
- Cocoa (#5E423D): A full-bodied, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Oat 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
- Cocoa Study color palette (#E6DFBF, #B6CCA5, #83A8CA, #A08168, #6A3900)
- Teal Delta color palette (#FEF4E4, #BCD49B, #6CB18E, #87837C, #36362F)
- Chestnut Chapel color palette (#F0FAE1, #C6E6CF, #CEB4C3, #AA9C8F, #7A4810)
- Dusty Glacier color palette (#EBFBE0, #A1E2DE, #81A78E, #815E78, #3C3558)
- Washed Cocoa color palette (#D5F0DC, #7EACA4, #50808D, #714150, #451E0D)
- Weathered Aqua Station color palette (#E6F3E5, #30D9E0, #82A1DD, #A66B46, #583218)
- Tempered Balcony color palette (#C4E9E8, #82BFF7, #A98EC5, #85774B, #3E3B34)
- Teal Atelier color palette (#D2EED0, #00C7C3, #E88287, #C37447, #193219)
Browse the whole catalog at Explore, or see today's palette.