Weathered Vanilla Courtyard color palette — #FFF6CD · #FFE6F3 · #D2D0C4 · #4B4154 · #2B272F

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

The five colors

• Custard (#FFF6CD): A whisper-light, dusty green — the color of a quiet forest floor.
• Blush (#FFE6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Oat (#D2D0C4): bright and airy, almost weightless.
• Charcoal (#4B4154): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#2B272F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Weathered Vanilla color palette (#FFF0FA, #FFEEAF, #FFD1BE, #442C3A, #1A1016)
• Antique Stone Summit color palette (#FFF0F9, #F8AF93, #A2B972, #57916F, #3B2D35)
• Dusty Ash color palette (#F8F3F8, #E2D7D9, #CAC2B9, #C0A4BF, #524B51)
• Muted Studio color palette (#CBEFEC, #FEBE56, #F196E7, #452E31, #1C1516)
• Worn Celadon Ridge color palette (#C4ECFF, #AAE490, #99BFFF, #48475A, #2E343D)
• Ancient Balcony color palette (#F1F5FF, #ADB1F5, #55AD7F, #007179, #222C36)
• Muted Apricot color palette (#F8F3F9, #E7DAD6, #E59A6B, #D07E8F, #261A20)
• Softworn Apricot color palette (#FFF0FD, #EBDACA, #ECA17D, #9B6238, #603900)

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