Tempered Oat color palette — #FCF3F1 · #DED9D3 · #D0C0DB · #B0B3A8 · #5C4F4D

Lilac Frost and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Silver (#DED9D3): bright and airy, almost weightless.
• Lilac Frost (#D0C0DB): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B0B3A8): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#5C4F4D): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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 Cocoa Cabin color palette (#FFF2EC, #E8DAD7, #EABE91, #B6BBA9, #723810)
• Tempered Taupe Loft color palette (#FAF4EF, #DCDACC, #C0C3AD, #CB906C, #423831)
• Weathered Boulevard color palette (#F5F0F5, #E0D4D6, #BDACA4, #937898, #39343B)
• Cocoa Lantern color palette (#FEF4E3, #F9BFC2, #D6A17E, #609890, #703414)
• Timeworn Shell Courtyard color palette (#FFF2ED, #F6B4B0, #ADAD74, #499594, #3C3E62)
• Muted Corridor color palette (#EBDCD7, #A69F93, #8E8871, #97464A, #160401)
• Bronze Field color palette (#E9E1D6, #ADB49E, #8D9D83, #8F6B00, #1C1201)
• Apricot Drift color palette (#FEEEE6, #F29E87, #A26F3A, #7E431E, #281F1D)

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