Weathered Vanilla color palette — #FCF1FA · #FFF8B6 · #9B7996 · #533E50 · #20191E

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

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Custard (#FFF8B6): A whisper-light, balanced green — the color of new leaves after rain.
• Heather (#9B7996): A luminous, dusty pink — the color of peonies in June.
• Charcoal (#533E50): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#20191E): a grounded near-black with real depth.

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

Use it as a design system

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

• Hushed Veranda color palette (#FFF1F3, #DCEFA9, #926296, #4D2E34, #190B0E)
• Softworn Ridge color palette (#FAF2FC, #E6DDD5, #6789AD, #4F4051, #1E191F)
• Wandering Sand color palette (#FAF2F9, #F0DCB1, #B492AE, #7C6478, #322730)
• Worn Workshop color palette (#FEF0FA, #B3BEFF, #B7B07F, #8A8359, #3B2D36)
• Tempered Taupe color palette (#F9F7DE, #DED6FF, #CA8DA8, #487F71, #4E383E)
• Denim Bloom color palette (#F0F5FF, #ACC9B2, #4F5C86, #2D3659, #272531)
• Stone Archive color palette (#FBF2F8, #DFDBE6, #DF9A92, #8997C9, #271B17)
• Worn Celadon color palette (#FFF1F7, #BBDF83, #6A5694, #3D1B2B, #090204)

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