Frosted Villa color palette — #FFF1F1 · #FFBCA1 · #D07500 · #865A00 · #493A00

Mustard and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Cantaloupe (#FFBCA1): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#D07500): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#865A00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#493A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Powdered Amber color palette (#FFF1EB, #FFB779, #BD8600, #615500, #273305)
• Dusty Pier color palette (#F0DDD0, #CD8100, #725C00, #2F3200, #091100)
• Amber Boulevard color palette (#EDDCD6, #FFA977, #E77E00, #B76D00, #5A3900)
• Misty Meadow color palette (#FFE6E8, #E96749, #9E5700, #654500, #2A2C00)
• Washed Hollow color palette (#FFF1F7, #FFB5BE, #FF3C39, #A64900, #462700)
• Mustard Drift color palette (#FFF3E6, #FBD485, #B9A500, #69781E, #40423A)
• Pale Azure color palette (#FFF3E5, #FFCC8B, #01AEE9, #AB6F00, #003348)
• Washed Bronze Balcony color palette (#F9E4C4, #A08400, #505000, #112500, #000501)

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