Tempered Oat color palette — #FDF5DC · #CBD0A5 · #95AA85 · #916B7D · #614A4E
Pistachio and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FDF5DC): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#CBD0A5): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#95AA85): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#916B7D): A full-bodied, dusty rose — the color of strawberry cream.
- Charcoal Brown (#614A4E): A full-bodied, dusty red — the color of embers at dusk.
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
- Aged Cocoa Station color palette (#FFF2EA, #B7B18E, #7C8B75, #785754, #6F3908)
- Stone Harbor color palette (#D4F7E0, #B6E0D4, #91BFC8, #9A8EA8, #544862)
- Azure Grove color palette (#DFEFC9, #6CD3D3, #469BC9, #985B80, #683C3E)
- Hushed Coast color palette (#CFF1E6, #8DB598, #4E83AB, #7F435C, #423B37)
- Misty Mint Parlor color palette (#E0F2D9, #67C9A5, #009A9C, #724A80, #67254E)
- Bronze Canyon color palette (#F4F6ED, #9CD2BD, #47A098, #926929, #324C08)
- Iris Cabin color palette (#EEFAE0, #58BA96, #9387EF, #B47454, #363933)
- Tempered Bloom color palette (#F9F4EE, #CAEFD8, #5FB0D7, #268B87, #2F4F47)
Browse the whole catalog at Explore, or see today's palette.