Oat Villa color palette — #FFF0F9 · #F5B893 · #B27A62 · #774B41 · #321824

A conversation between Cantaloupe and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Cantaloupe (#F5B893): A whisper-light, balanced gold — the color of honey in a jar.
• Caramel (#B27A62): A luminous, dusty orange — the color of toasted spice.
• Coffee (#774B41): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#321824): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

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

• Timeworn Hollow color palette (#E9FBE9, #E4C37F, #AE8039, #72502D, #0C2818)
• Ancient Loft color palette (#EFDCD1, #B98E6F, #944F34, #6A2222, #241400)
• Worn Sand Meadow color palette (#FFF0FC, #FFC285, #954A42, #411A16, #080207)
• Patina Sand color palette (#FFF1F5, #FFD59D, #BC9670, #866248, #243728)
• Bronze Terrace color palette (#FFF1F6, #DDA666, #A46527, #6E3407, #031805)
• Dusty Bronze color palette (#D5ECD6, #A97E00, #684600, #331B00, #000201)
• Garnet Balcony color palette (#F5E1ED, #B48897, #944D32, #71263B, #143826)
• Patina Hollow color palette (#FED9EA, #DA8212, #904A06, #551F00, #070300)

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