Weathered Vanilla color palette — #FFF6CA · #E4EFFF · #D6D1C7 · #3D4D60 · #1D2227

Custard takes the lead with Charcoal Brown close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FFF6CA): A whisper-light, dusty green — the color of new leaves after rain.
• Frost (#E4EFFF): A whisper-light, dusty blue — the color of open sky before noon.
• Oat (#D6D1C7): bright and airy, almost weightless.
• Charcoal Brown (#3D4D60): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#1D2227): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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

• Petal Quarry color palette (#D7FFF7, #FFEBD0, #F8CAFF, #38314F, #15131B)
• Dusty Garden color palette (#D3EACC, #FFB5B7, #00D5DC, #2C372D, #151A15)
• Muted Driftwood color palette (#F0F5FF, #AFC1F6, #D0A485, #778B4B, #283243)
• Celadon Station color palette (#DEEF99, #FFD1BB, #85E4FF, #5A6E78, #2B3439)
• Washed Lilac Grove color palette (#F4F5FB, #DCD8DD, #BCB3AB, #B4A3DC, #4B4C57)
• Pine Orchard color palette (#F1F5FF, #ACA9E0, #C38D5E, #3F7437, #182C38)
• Worn Grove color palette (#F2F5FB, #DCD9E3, #D897B8, #8590EF, #221B27)
• Hushed Harbor color palette (#D6F388, #FFB9D6, #92C1FF, #57464B, #3A333A)

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