Tempered Vanilla color palette — #FFF7C4 · #D6FFF8 · #FFE5F7 · #4C4459 · #242229

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

The five colors

• Custard (#FFF7C4): A whisper-light, dusty green — the color of new leaves after rain.
• Honeydew (#D6FFF8): A whisper-light, dusty teal — the color of glacier melt.
• Blush (#FFE5F7): A whisper-light, dusty pink — the color of neon signs at night.
• Charcoal (#4C4459): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#242229): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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

• Patina Basalt color palette (#F3E9FF, #D4D7CA, #BEB2CC, #444460, #27282F)
• Tempered Veranda color palette (#F3F4FF, #C5FFD2, #FFD1BF, #552F1F, #1D1319)
• Worn Seafoam color palette (#E3F9FF, #66FAD8, #E9C3FF, #646375, #313138)
• Lagoon Lagoon color palette (#F9F2FE, #E6B2C8, #92BC89, #009498, #362D3D)
• Softworn Sunflower color palette (#DEECFF, #E4CE0D, #8FBDFF, #382B38, #1F1A1F)
• Worn Station color palette (#E5F5FF, #FFDE83, #FFB9CE, #50122C, #19101D)
• Aged Boulevard color palette (#B1F1FF, #FFC47F, #FF92E4, #4D4542, #372F2F)
• Feathered Chartreuse color palette (#DDEBFF, #6BFB8C, #FFAFAD, #471F1F, #0E050E)

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