Vanilla Studio color palette — #FFF1F6 · #F3EFC0 · #8CB8C0 · #7C738D · #554C65

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Custard (#F3EFC0): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#8CB8C0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#7C738D): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#554C65): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Veil Atelier color palette (#DCFFED, #C1E7F6, #B6CBD8, #8C8392, #59515F)
• Denim Basin color palette (#CDECEC, #99BEC3, #668C98, #455C80, #2C3859)
• Muted Driftwood color palette (#FFF0E5, #BCAE8D, #7C8E4A, #715374, #6C4640)
• Worn Teal color palette (#E5FBF4, #A6F0EF, #58AEB0, #7E7087, #213E3F)
• Mint Delta color palette (#DCFCCE, #61CCBB, #7691BB, #6B5065, #391C33)
• Timeworn Oat Lagoon color palette (#FBF7D1, #D3D8AF, #B0BA9F, #759B88, #39584F)
• Lichen Corridor color palette (#F1FEB1, #94E7DA, #7FB0D3, #996666, #6A3939)
• Airy Turquoise Lantern color palette (#C0F5CD, #00BED0, #6772A8, #563245, #2B0D1F)

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