Vanilla Pier color palette — #FFF7C6 · #E2F0FF · #D4D4C8 · #3B4959 · #1E242A

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

The five colors

• Custard (#FFF7C6): A whisper-light, dusty green — the color of fresh herbs.
• Frost (#E2F0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Oat (#D4D4C8): bright and airy, almost weightless.
• Charcoal (#3B4959): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#1E242A): quiet, heavy and certain.

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

Use it as a design system

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

• Antique Sky Veranda color palette (#EAEBDC, #F7C167, #5AC8FF, #243A31, #161E1B)
• Washed Straw Workshop color palette (#DAFFEF, #FFF0A1, #F1CEFF, #3A3750, #17161D)
• Timeworn Canyon color palette (#F5F4FF, #DCB1EA, #DF9999, #86854D, #312F3E)
• Wandering Grove color palette (#EEF6FE, #8EC8FD, #BA7C42, #2D7966, #1F2A35)
• Hushed Ash Field color palette (#F4F5FB, #DED8DE, #BBB5AB, #B2A7D0, #4B4D55)
• Periwinkle Balcony color palette (#F2F5FB, #DCD9E3, #EA9197, #7D97DE, #231B23)
• Softworn Petal color palette (#AAF3FF, #FFC8F5, #C9D1FF, #70606B, #383136)
• Mallow Atelier color palette (#F0F5FF, #E7D7E1, #D896CF, #A1627A, #682A2A)

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