Softworn Vanilla color palette — #FFF1F6 · #F1EEB6 · #87BCBB · #7D7E98 · #494A5E

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Custard (#F1EEB6): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#87BCBB): A luminous, dusty teal — the color of sea glass.
• Slate Blue (#7D7E98): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#494A5E): A full-bodied, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Stone Quarry color palette (#E4FCED, #C0E8F2, #A1CBD3, #9A8EA2, #564E5C)
• Softworn Celadon color palette (#EBF9F3, #C2F5C1, #69AE97, #826F83, #253E3B)
• Muted Cerulean color palette (#F1F7F0, #DAD5DF, #A6B9F0, #398F9F, #373D5A)
• Soft Drift color palette (#F1FCC3, #89F1C2, #76B5C2, #96606E, #5E2F3C)
• Teal Ridge color palette (#D3F2DA, #3BB5B3, #36729D, #5A3A51, #260E20)
• Aged Boulevard color palette (#FFF3DF, #B3AF96, #7B8A46, #71546C, #5D403D)
• Gentle Mint Archive color palette (#D9FCC1, #69CCB1, #4998B4, #7C4949, #3C283C)
• Powdered Chartreuse color palette (#FFF5D9, #A2E285, #2CA193, #705173, #48214C)

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