Tempered Oat color palette — #FFF1F5 · #E4D8D3 · #C4CC9A · #9F85A0 · #5D4B4E
A conversation between Pistachio and Heather, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Bone (#E4D8D3): a clean, paper-quiet neutral.
- Pistachio (#C4CC9A): A whisper-light, dusty green — the color of a quiet forest floor.
- Heather (#9F85A0): A luminous, dusty pink — the color of a candy shop window.
- Charcoal Brown (#5D4B4E): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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
- Muted Stone Harbor color palette (#FFF0FD, #E8DAD7, #D7C09A, #749C88, #5B464D)
- Antique Mustard color palette (#FFF1F1, #FFC6BB, #C4B857, #765795, #563A33)
- Tempered Chestnut color palette (#FAF5E8, #BBBA9B, #8A824B, #805215, #3E4F05)
- Cerulean Quarry color palette (#FCF2F8, #8689C8, #1D8F9A, #555C85, #483742)
- Wandering Study color palette (#FDF2F2, #BEC59C, #7F496E, #4B3032, #2D211B)
- Hushed Thicket color palette (#FDF2EF, #C37079, #5F6F1A, #424A78, #40312D)
- Ancient Navy color palette (#F4DAE0, #C76F89, #995F00, #202972, #210406)
- Misty Quarry color palette (#F6E2E0, #E2A086, #958B00, #6B2F7C, #371709)
Browse the whole catalog at Explore, or see today's palette.