Patina Oat Coast color palette — #FEF2F3 · #CED6AD · #9B7075 · #634347 · #352729

Built around Wheat, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF2F3): a clean, paper-quiet neutral.
• Wheat (#CED6AD): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#9B7075): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#634347): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#352729): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Patina Oat Coast 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

• Washed Bronze color palette (#FDF3EC, #CDC68F, #9B623D, #643400, #2A1F17)
• Ancient Taupe Dune color palette (#FCF3F2, #F1DBAE, #C789A3, #836461, #332828)
• Tempered Pier color palette (#F6F4FB, #BAECF4, #A4729D, #49415B, #1C1923)
• Washed Pewter color palette (#F7F3FA, #ABC9B1, #7E4D61, #512A3B, #2E2932)
• Aged Driftwood color palette (#FCF3F3, #EEC1DE, #84A77C, #B0779D, #2E2E28)
• Muted Apricot color palette (#FEF3E7, #D09B62, #718A5C, #427D5B, #463037)
• Muted Workshop color palette (#FFF2F0, #9DCC69, #A2436A, #5E223B, #2F0F0D)
• Taupe Grove color palette (#FCF3F0, #DDDBD2, #ABB4AC, #BF8C8A, #59504D)

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