Tempered Oat color palette — #FEF1F4 · #E6CDA7 · #98717A · #60444A · #32282A

Wheat and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FEF1F4): a clean, paper-quiet neutral.
• Wheat (#E6CDA7): A whisper-light, dusty gold — the color of old brass.
• Mocha (#98717A): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#60444A): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#32282A): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, 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

• Ancient Cocoa color palette (#FFF2ED, #DBC18A, #A05C56, #6A2E11, #2E1D16)
• Muted Thicket color palette (#F5F4FC, #CDE0CE, #9E74A7, #46425B, #1B1A23)
• Tempered Cabin color palette (#FEF1F6, #BAC6A0, #67547E, #502B3A, #312120)
• Stone Study color palette (#FFF4E2, #ECA8B9, #B48674, #477B6B, #5B4038)
• Patina Ash Grove color palette (#F3F5FC, #B4EDD3, #A494CC, #666A8A, #292B33)
• Patina Dune color palette (#FFF1F1, #E0B451, #98487D, #592448, #2B1214)
• Worn Taupe color palette (#FCF3F2, #DFD9D2, #B0B1A7, #BC8B9D, #5B4F4E)
• Driftwood Orchard color palette (#FDF2F3, #ECC2E3, #C78A7B, #AB7AA1, #4D1E00)

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