Patina Oat color palette — #FFF2EB · #F9B298 · #AA695C · #6E4134 · #3E3733

Melon and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Melon (#F9B298): A whisper-light, balanced orange — the color of autumn markets.
• Mocha (#AA695C): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#6E4134): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#3E3733): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

Use it as a design system

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

• Amber Studio color palette (#FFF0FA, #F9D2ED, #F0A793, #BB735A, #542C20)
• Softworn Sand Courtyard color palette (#FFF4E0, #ECC986, #957941, #604A1E, #39342E)
• Mallow Market color palette (#FFF1F1, #F7AECF, #AC718B, #6B3F52, #4D2A28)
• Dusty Lagoon color palette (#FAF4EE, #E3B78A, #378F71, #89653F, #2B3026)
• Taupe Field color palette (#FFF0FB, #FFCFC3, #C48C76, #8D584B, #482A41)
• Chestnut Coast color palette (#FFF2ED, #E0DBCE, #BEC8A7, #A47A79, #7E441E)
• Ancient Amber Villa color palette (#FFDBB8, #D07D00, #754500, #3B2500, #231400)
• Quiet Apricot color palette (#FFF3E8, #F5870E, #9A5100, #592F00, #3F2100)

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