Vanilla Villa color palette — #EEF6FF · #FFECC6 · #DFD9E3 · #3C4A3F · #252A26

Built around Custard, softened by Charcoal — the whole palette hums with sophistication.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Custard (#FFECC6): A whisper-light, dusty gold — the color of honey in a jar.
• Silver (#DFD9E3): bright and airy, almost weightless.
• Charcoal (#3C4A3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#252A26): a grounded near-black with real depth.

Feels like: Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Aged Frost color palette (#DCFFE9, #FFE6F1, #D3C7CC, #4F4755, #28242C)
• Tempered Dune color palette (#E9EDFF, #A3F86F, #D5D0C6, #2B443F, #0E1A18)
• Mustard Basin color palette (#ECF9F1, #D2C66E, #ADA7D9, #7780A5, #24362D)
• Aged Meadow color palette (#FEEBFF, #C2E0FF, #FFC88A, #725D63, #393133)
• Wandering Market color palette (#F1DBFF, #7BE1FF, #E7B800, #42423B, #322E27)
• Sunflower Hollow color palette (#FFECFA, #C2E7FF, #F7CB1F, #11301D, #08150C)
• Antique Ash color palette (#EEF8F5, #D2DDE1, #BCB3B9, #89AEB3, #46504D)
• Mint Courtyard color palette (#F9F9C4, #B4F3D7, #7EC39E, #32837F, #004152)

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