Vanilla Atelier color palette — #FFF0FC · #EEECBE · #E7D8D6 · #C9B8D5 · #564750

Built around Custard, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Custard (#EEECBE): A whisper-light, dusty green — the color of a quiet forest floor.
• Bone (#E7D8D6): a clean, paper-quiet neutral.
• Ash (#C9B8D5): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#564750): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Patina Loft color palette (#FFF1F6, #C3EAF7, #E9BEC7, #B4B6C6, #475349)
• Cocoa Thicket color palette (#FFF2EA, #DEDACC, #99BBCC, #BDA092, #784411)
• Muted Mustard Delta color palette (#ECF9EC, #F1B665, #9FB6E6, #869AC2, #364036)
• Washed Cocoa Canyon color palette (#FFEEE6, #DED8C6, #A7BFA6, #B6797E, #5B2E00)
• Softworn Meadow color palette (#E9FAEF, #B8E5D4, #C3B688, #A68992, #3A4C49)
• Celadon Lagoon color palette (#FFF0F8, #FFE9BF, #BCE892, #E59398, #314E31)
• Worn Aqua Hollow color palette (#E7FCE4, #A8EAD0, #6BCDDE, #D39D94, #264433)
• Worn Sand Drift color palette (#FDF2F5, #F1DCA6, #BC909F, #7F646D, #32282B)

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