Tempered Oat color palette — #FFECF4 · #D7FADA · #D0D499 · #AA7670 · #3E222D
Pistachio takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFECF4): A whisper-light, dusty rose — the color of pressed rose petals.
- Honeydew (#D7FADA): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#D0D499): A whisper-light, dusty green — the color of new leaves after rain.
- Mocha (#AA7670): A luminous, dusty orange — the color of autumn markets.
- Espresso (#3E222D): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Sophistication. Tagged pastel, light, 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
- Aged Driftwood Basin color palette (#FDECFB, #E9D2D3, #ADD1AF, #A46B7E, #412F3D)
- Wandering Aqua color palette (#E3F8E8, #ADE2D0, #84C4C7, #9A7858, #253B2E)
- Muted Cocoa Lantern color palette (#FFF3E9, #DFDDC3, #A9D6A7, #CB8579, #6A4200)
- Washed Corridor color palette (#FFEFDB, #EDD67B, #91BF59, #974900, #241800)
- Worn Pine color palette (#DBEBE1, #859946, #277945, #3F2500, #010200)
- Tempered Bronze color palette (#FFEBF7, #C69EAF, #9A6751, #6C3D39, #162816)
- Ancient Bronze color palette (#E3F8EA, #9B852C, #477BA1, #624278, #042011)
- Powdered Olive color palette (#E3F7ED, #7C8021, #2A66A0, #54255A, #200E18)
Browse the whole catalog at Explore, or see today's palette.