Tempered Oat color palette — #FFF1F5 · #E4DDD2 · #E0CA9A · #A2BAD3 · #3A4E39

A conversation between Wheat and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#E4DDD2): bright and airy, almost weightless.
• Wheat (#E0CA9A): A whisper-light, dusty gold — the color of old brass.
• Ash (#A2BAD3): A luminous, dusty blue — the color of deep harbor water.
• Deep Olive (#3A4E39): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Oat Canyon color palette (#FCF1FB, #E7D8D5, #F3B59E, #ADAF9F, #52404F)
• Timeworn Straw color palette (#EAFAF0, #F1E293, #CCDBC8, #9ED2AB, #3C5348)
• Dusty Powder Drift color palette (#EDF8F6, #D6DCEA, #9ECEEA, #73ADB8, #415566)
• Straw Courtyard color palette (#E9FAF2, #D6DC86, #75D8E8, #A9AD77, #35525E)
• Muted Pier color palette (#FDEDF3, #E5D2CE, #F9BB8B, #75A65B, #1B341F)
• Powdered Chartreuse Workshop color palette (#DFFEF0, #FFDC54, #87E381, #57CC9A, #163C31)
• Aged Thicket color palette (#EBF5EB, #EAA942, #6E8173, #4D584D, #271F22)
• Powdered Balcony color palette (#DEFFE5, #FFE2C2, #FDC831, #B9BB00, #443600)

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