Vanilla Alley color palette — #FFF0F9 · #F3EAB7 · #E6D7D5 · #E0A9A7 · #56474D

A conversation between Custard and Rosewood Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Custard (#F3EAB7): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#E6D7D5): bright and airy, almost weightless.
• Rosewood Mist (#E0A9A7): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#56474D): A full-bodied, 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 Alley 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

• Wandering Stone Drift color palette (#ECFAEB, #C4E6E3, #D9AB95, #9DB2CC, #49574D)
• Misty Loft color palette (#FFF1F6, #E3EBC9, #D5EA83, #F58B64, #314931)
• Antique Chapel color palette (#ECF9F2, #BFE3D6, #BEB97D, #7C9B83, #394C48)
• Ancient Cocoa color palette (#FEEFE4, #DDD9C4, #ABC4A3, #A88572, #5D3200)
• Weathered Mustard Thicket color palette (#EFF8F0, #E2BD70, #7DC0E3, #9991CA, #334136)
• Worn Orchard color palette (#F0F7F2, #F2DD9B, #78CBA5, #C0A963, #223131)
• Taupe Cabin color palette (#F1F7F1, #C3E9CB, #B6996D, #5D745E, #262D27)
• Tempered Seafoam Ridge color palette (#EADEFF, #52FDC9, #FFC987, #637561, #2B312A)

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