Shell Villa color palette — #FFF2EF · #FFAAA4 · #D48F6F · #9D734F · #524D47

Rose Quartz and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rose Quartz (#FFAAA4): A luminous, balanced orange — the color of autumn markets.
• Camel (#D48F6F): A luminous, balanced orange — the color of autumn markets.
• Mocha (#9D734F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#524D47): a grounded near-black with real depth.

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

Use it as a design system

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

• Washed Apricot Pier color palette (#FFF2EA, #FCB08A, #6EBCE1, #BA7B5B, #365548)
• Hushed Bronze color palette (#FEF0FF, #E9DBD0, #EAA186, #AB6633, #623C4A)
• Hushed Cocoa Station color palette (#FFF2EA, #E7C3A1, #B7937C, #886E65, #5F4200)
• Aged Hollow color palette (#FFF1F5, #EEA9E1, #D088A3, #9E696F, #534C48)
• Gentle Amber color palette (#FFD5CD, #FF9566, #C97800, #7C5C00, #4A3F00)
• Timeworn Summit color palette (#FFF2E9, #ED9A6B, #5FB1CF, #7197B9, #47413C)
• Muted Lantern color palette (#FCEBE0, #B58000, #715C00, #434800, #072900)
• Pale Orchard color palette (#FFE6CA, #DFB032, #9C9626, #60763E, #345133)

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