Tempered Oat color palette — #FFF0F9 · #ECBCBE · #AD9381 · #627262 · #3E524C

Oat and Taupe set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Oat (#ECBCBE): A whisper-light, dusty red — the color of embers at dusk.
• Taupe (#AD9381): A luminous, dusty gold — the color of old brass.
• Pewter (#627262): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#3E524C): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: 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

• Patina Stone color palette (#FFEDEB, #CCAA91, #918C70, #6E5B6B, #594449)
• Taupe Field color palette (#FFD0D5, #DB9487, #836E3D, #375E52, #2D473F)
• Bronze Market color palette (#FFF2F0, #E2C9C2, #BA9F93, #9D7D39, #604F00)
• Ash Villa color palette (#F0F5FF, #E6D4E9, #D5B5C2, #76A4AB, #365364)
• Patina Chestnut color palette (#F6DBF5, #BD7D7F, #825E19, #124F5F, #143251)
• Aged Mallow color palette (#FFF1F4, #E895C0, #B66B74, #895449, #4F4A44)
• Tempered Hollow color palette (#FCF3F0, #C8EEE2, #6FA2B3, #6D752E, #38504A)
• Hushed Parlor color palette (#FFF2EF, #E794A8, #45A8B8, #97606D, #3D5443)

Browse the whole catalog at Explore, or see today's palette.