Vanilla Pier color palette — #FFF0F8 · #FEF8BF · #D3DCCD · #C2A3C0 · #4F3C45

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Custard (#FEF8BF): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#D3DCCD): A whisper-light, dusty green — the color of new leaves after rain.
• Mauve (#C2A3C0): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#4F3C45): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

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

• Timeworn Taupe color palette (#FFF1F6, #CEE0CF, #BCB9C3, #CA999E, #3A493A)
• Washed Meadow color palette (#FFF3E9, #DEDBC9, #D4B988, #B06B55, #724203)
• Antique Driftwood color palette (#FDEEE6, #E0DCB7, #BCCA8B, #A26271, #352F2A)
• Muted Taupe Villa color palette (#E2FDEF, #D6E4B6, #A3A16A, #55735D, #183833)
• Quiet Mustard Orchard color palette (#E8FBEC, #DDAA00, #56A8D4, #76699B, #162A1C)
• Hazy Loft color palette (#FFF3E8, #C2E4CE, #BDEB4C, #C35E2B, #352100)
• Mustard Delta color palette (#FFEDE0, #F5BE6B, #AFAE1D, #8B2A1D, #0A0400)
• Muted Seafoam color palette (#DEFEEF, #72F1C8, #A5E2E4, #917C40, #002E26)

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