Vanilla Corridor color palette — #FBF1FC · #FFF8B9 · #977A9B · #4F4051 · #1F1920

Custard and Heather set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF1FC): a clean, paper-quiet neutral.
• Custard (#FFF8B9): A whisper-light, balanced green — the color of new leaves after rain.
• Heather (#977A9B): A luminous, dusty pink — the color of a candy shop window.
• Charcoal (#4F4051): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#1F1920): quiet, heavy and certain.

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

Use it as a design system

One click turns Vanilla Corridor 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 Thicket color palette (#FCF2F7, #C9E9D3, #AB785D, #553E4B, #22171D)
• Softworn Taupe color palette (#F9F3FA, #B8EBDC, #C48D97, #78657C, #302832)
• Muted Shell Garden color palette (#FDF1FC, #FFA8A8, #75B8D9, #5789A2, #3A2D39)
• Softworn Pewter color palette (#FBEFEB, #C7C69F, #855058, #4C2229, #1E0F0C)
• Softworn Dune color palette (#EBFAEE, #FFE2A7, #8D732D, #23402C, #06130A)
• Taupe Alley color palette (#E8FBEA, #FFD2B8, #A5A766, #657197, #364336)
• Timeworn Boulevard color palette (#FAF2F9, #E5DBD4, #9EBA77, #CB847E, #13221E)
• Antique Taupe color palette (#FBF2F6, #CDDADC, #B7B6C1, #C29898, #544A4F)

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