Tempered Oat Field color palette — #FAF2FB · #AEDDCD · #8E738F · #584659 · #2F2930

Built around Oat, softened by Slate — the whole palette hums with sophistication.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Oat (#AEDDCD): A whisper-light, dusty teal — the color of sea glass.
• Slate (#8E738F): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal Brown (#584659): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#2F2930): 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 Field 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

• Driftwood Study color palette (#FFF2EE, #BFEFD8, #B37174, #5E3D33, #241814)
• Oat Balcony color palette (#EFF8EF, #B4DDC0, #6A866A, #415341, #242E24)
• Wandering Taupe Archive color palette (#FAF2F8, #F3DBAA, #C68E85, #7B6577, #30292E)
• Worn Market color palette (#FBF2F6, #D0D8DB, #AAA6B0, #B48785, #595053)
• Softworn Apricot color palette (#FDF1F8, #DF9679, #6DA6B0, #428691, #493742)
• Hushed Driftwood Terrace color palette (#FAF2F9, #F7C2C0, #72AA8D, #BD7575, #213131)
• Worn Stone color palette (#FFF1F5, #EAAE95, #8D9967, #686A97, #3E4C3D)
• Hushed Taupe Hollow color palette (#EBF9F2, #B0AF6A, #8B8947, #346C8C, #3E2B37)

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