Vanilla Quarry color palette — #DCFFEB · #FFEEB0 · #DED6FF · #2D314F · #191B28

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

The five colors

• Honeydew (#DCFFEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Custard (#FFEEB0): A whisper-light, balanced green — the color of a quiet forest floor.
• Thistle (#DED6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Navy (#2D314F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#191B28): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Softworn Lichen color palette (#DFFBFF, #C9FFC8, #FFCBEA, #4C293F, #1B1820)
• Weathered Boulevard color palette (#F3F4FF, #D2F0C2, #826A9A, #412F52, #0E0D1E)
• Misty Delta color palette (#EAE2CC, #FF9C90, #F673D7, #2B2436, #100D16)
• Tempered Mallow Pier color palette (#F7EEDE, #FFBDB0, #FFA0F4, #715155, #332A2B)
• Washed Honey Corridor color palette (#E1F4F6, #FCB439, #74B6FF, #523943, #312B32)
• Cypress Thicket color palette (#F6F3FF, #D29DD5, #B09D5C, #008572, #262038)
• Dusty Quarry color palette (#FAF1FE, #D1869A, #A7831D, #006868, #151229)
• Ash Field color palette (#F7F4FA, #E0D7DA, #B6B5AA, #C38AA8, #433C49)

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