Worn Oat color palette — #FFF2EF · #F2C7AC · #99726C · #604642 · #342826

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Wheat (#F2C7AC): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#99726C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#604642): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#342826): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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

• Weathered Driftwood Villa color palette (#F9F2FC, #D7D9CD, #B16F86, #503E58, #1E1921)
• Antique Coral color palette (#FCF3F0, #F8C0C4, #C09067, #C27178, #322D28)
• Wandering Pewter color palette (#FFF2F2, #C7C29A, #794E6A, #4F2A43, #352728)
• Wandering Bronze color palette (#FFF2EE, #F1C3AC, #C0906D, #8F632D, #5C3F00)
• Chestnut Atelier color palette (#FBEBE2, #D8AB7B, #914E38, #3B3430, #20120A)
• Worn Blush Dune color palette (#FFF2EF, #DF91A5, #B09962, #71779F, #4C3734)
• Tempered Bronze Parlor color palette (#F7E7D7, #AC7800, #512F00, #1A0C00, #030100)
• Tempered Ash color palette (#F7F3FC, #B9EBD9, #C18AB0, #716880, #2D2933)

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