Tempered Oat color palette — #FFF1F5 · #F4D2E9 · #CAD391 · #A68EBE · #534600
A conversation between Pistachio and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Thistle (#F4D2E9): A whisper-light, dusty pink — the color of neon signs at night.
- Pistachio (#CAD391): A whisper-light, balanced green — the color of new leaves after rain.
- Dusty Rose (#A68EBE): A luminous, dusty violet — the color of wild irises.
- Deep Olive (#534600): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged 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
- Tempered Fern Coast color palette (#FFF2F0, #F9D2CD, #92DFBA, #C0869C, #3A4F08)
- Tempered Sand color palette (#FFF0FD, #DCD9F5, #F7BF8B, #7B9BCF, #4B4540)
- Aged Stone color palette (#FFF1F5, #E4D8D3, #D2B8CF, #A7B3AD, #5A484A)
- Worn Courtyard color palette (#FCF4E6, #D7E8BE, #C0AB86, #A06E38, #444200)
- Patina Ash Hollow color palette (#FFF1F4, #E5D1CF, #C59CD1, #796189, #45222C)
- Worn Balcony color palette (#FFF1F3, #F3FCC1, #9D7799, #573F42, #21191A)
- Mallow Cabin color palette (#FFF1F5, #DDBBFF, #B3C389, #8FAC83, #473139)
- Indigo Balcony color palette (#F3F4FE, #B8A5D5, #88A462, #815EAD, #29574C)
Browse the whole catalog at Explore, or see today's palette.