Vanilla Loft color palette — #DFFCFF · #FFEEB0 · #EED9D4 · #415247 · #1D241F

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

The five colors

• Ivory (#DFFCFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Custard (#FFEEB0): A whisper-light, balanced green — the color of a quiet forest floor.
• Bone (#EED9D4): A whisper-light, dusty orange — the color of autumn markets.
• Charcoal Brown (#415247): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#1D241F): a grounded near-black with real depth.

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

Use it as a design system

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

• Dusty Frost Garden color palette (#CAFCEC, #FFE9DF, #D6CBD1, #4F3D47, #2B2428)
• Seafoam Courtyard color palette (#ECECFF, #60FEB9, #D5D0C6, #244141, #0F1D1D)
• Washed Stone Thicket color palette (#EAFAF2, #C7C88C, #99AED8, #99729C, #23362E)
• Sand Hollow color palette (#FFEFFF, #DED6FF, #FFCA77, #59715A, #2C312C)
• Chartreuse Summit color palette (#FFEDF4, #C2E7FF, #C8DF00, #003125, #00100A)
• Dusty Atelier color palette (#EEF7F5, #D3DBDF, #BBB3BA, #88BAB1, #44504E)
• Washed Alley color palette (#EDF8F4, #AABE76, #8093C2, #87597D, #35242B)
• Mustard Study color palette (#FED5FD, #3DEBF2, #DFBB00, #44453E, #322F29)

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