Shell Villa color palette — #F4F4FE · #FCC0B7 · #87739E · #4A4B60 · #2A2A33

Wheat and Slate set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F4F4FE): bright and airy, almost weightless.
• Wheat (#FCC0B7): A whisper-light, dusty orange — the color of autumn markets.
• Slate (#87739E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#4A4B60): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#2A2A33): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, muted.

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

• Softworn Marigold Basin color palette (#FDF0FE, #F9B378, #985F64, #523853, #271E28)
• Driftwood Harbor color palette (#F1F5FF, #BFDDF2, #7885A8, #3A4564, #161B28)
• Weathered Cabin color palette (#F5F4FC, #ECBFF2, #CE8292, #A27DA7, #332A36)
• Ash Lantern color palette (#FBF3F6, #F0DBBA, #A096C9, #846172, #33272D)
• Muted Lilac color palette (#F4F4FF, #C197DD, #CA8876, #538296, #3C3C49)
• Weathered Stone color palette (#F3F5FE, #A6CBAD, #555B7D, #33374B, #26222B)
• Hushed Ash Quarry color palette (#F6F4FC, #E0D7DD, #BEADAD, #A094B9, #535159)
• Softworn Study color palette (#FFF0F9, #FAB0D1, #C8879B, #9A5B65, #723434)

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