Tempered Oat color palette — #FFF1F5 · #B5D5B4 · #B68F9C · #8A6978 · #3F4B41
Built around Pistachio, softened by Dusty Rose — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Pistachio (#B5D5B4): A whisper-light, dusty green — the color of a quiet forest floor.
- Dusty Rose (#B68F9C): A luminous, dusty rose — the color of pressed rose petals.
- Pewter (#8A6978): A full-bodied, dusty rose — the color of strawberry cream.
- Charcoal (#3F4B41): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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
- Taupe Harbor color palette (#FEF1F8, #ECC0A5, #BE8F7A, #856B7D, #554149)
- Dusty Cabin color palette (#FFF1F6, #A7C0A9, #997482, #715364, #3A4D41)
- Dusty Taupe Dune color palette (#EBF9F1, #AAD7C1, #A59C70, #637B6A, #3A4D45)
- Teal Parlor color palette (#E2FAFF, #34C3B5, #889ACA, #817D4B, #2F4144)
- Navy Courtyard color palette (#EBF7FF, #99D7FF, #6FA3CE, #52729C, #314476)
- Ancient Driftwood Alley color palette (#CFF1E2, #A8B57C, #828547, #3C6550, #1C3630)
- Softworn Glacier Harbor color palette (#EEF7FA, #83E3ED, #6FA1CA, #4A9AA2, #242F3A)
- Moss Grove color palette (#D5F8E4, #A6A42D, #7F731D, #5C4B16, #002C20)
Browse the whole catalog at Explore, or see today's palette.