Frosted Villa color palette — #FFF1F6 · #FFC3C5 · #E3836A · #AC5504 · #583B12

A conversation between Ochre and Coral Clay, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Shell Pink (#FFC3C5): A whisper-light, dusty red — the color of a theater curtain.
• Coral Clay (#E3836A): A luminous, balanced orange — the color of toasted spice.
• Ochre (#AC5504): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#583B12): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Ancient Ridge color palette (#FFF2EC, #FFC9AE, #DD994E, #896700, #444002)
• Soft Coral Dune color palette (#F9D9F8, #FFAFA5, #FE7E66, #B9694D, #5D3825)
• Hushed Market color palette (#FFF1F4, #FFCAEA, #E67E9C, #AE4244, #643425)
• Aged Coral Coast color palette (#FFE6F0, #EC7881, #B65B3F, #814A1D, #375037)
• Soft Bronze color palette (#FFEFF0, #FF967D, #BE6400, #724700, #271E00)
• Chestnut Studio color palette (#FFF3E9, #E0D9CA, #D48D59, #904B00, #2D1100)
• Ember Boulevard color palette (#FFF2EA, #FFC5AD, #5CCCE6, #DD5C16, #00404C)
• Wandering Marigold color palette (#FFE9D6, #DAA03F, #8C8000, #4A5200, #0A2600)

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