Softworn Vanilla color palette — #FFF1F5 · #FAEFBC · #C9A883 · #887282 · #30443E

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Custard (#FAEFBC): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#C9A883): A luminous, dusty gold — the color of honey in a jar.
• Slate (#887282): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#30443E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

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

• Patina Glacier color palette (#E7FBF0, #ABE7E4, #92B9A4, #8F707B, #2E4444)
• Softworn Stone Grove color palette (#FFF0FA, #ECD3D0, #C5A2B9, #86728C, #334439)
• Chestnut Archive color palette (#FBF4EC, #C4B69A, #977B57, #854E21, #544700)
• Powder Lagoon color palette (#EFF6FF, #9FC5FF, #BEAD79, #658D73, #29323E)
• Worn Study color palette (#EAF5EA, #AAC2AE, #708B70, #72502E, #1D3124)
• Hushed Mallow color palette (#F1F5FF, #CBA6FE, #AB8F5B, #806838, #152B2F)
• Cerulean Pier color palette (#F0F6FF, #D3DBCD, #7185B4, #3B475A, #171B22)
• Honey Coast color palette (#FFF0F9, #EFBD7D, #BA7658, #7B464F, #0E271B)

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