Tempered Vanilla color palette — #FAF1FE · #F9EBBF · #EAD5DA · #AFA2C8 · #554854

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

The five colors

• Ivory (#FAF1FE): bright and airy, almost weightless.
• Custard (#F9EBBF): A whisper-light, dusty green — the color of a quiet forest floor.
• Silver (#EAD5DA): A whisper-light, dusty red — the color of a theater curtain.
• Mauve (#AFA2C8): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#554854): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered 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

• Softworn Balcony color palette (#FFF0F8, #CEFBED, #EBE6A7, #C99691, #5A4950)
• Cocoa Terrace color palette (#FFF2F0, #E1DACF, #DCABB4, #A6B9D5, #7A3C23)
• Bone Station color palette (#FAF2FF, #C4E7CC, #EAD6DA, #81819C, #574A59)
• Taupe Canyon color palette (#FFF1F6, #B6D4B8, #BC926D, #8D677D, #3D4C42)
• Hushed Apricot Grove color palette (#FFF1F8, #DD987A, #4FACB0, #607CA1, #473841)
• Wandering Peony color palette (#FFF0FD, #E8DFCE, #F1C169, #C46281, #5B3F54)
• Dusty Driftwood Terrace color palette (#FBF2F8, #E5CEA0, #A36E5F, #5F4356, #30292E)
• Patina Seafoam color palette (#C5EBFF, #85F3B1, #FFB5A8, #564452, #373136)

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