Tempered Vanilla color palette — #F5F5D1 · #BDCBAC · #8EA58F · #8C7177 · #624C4B
Built around Custard, softened by Pistachio — the whole palette hums with sophistication.
The five colors
- Custard (#F5F5D1): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#BDCBAC): A whisper-light, dusty green — the color of a quiet forest floor.
- Taupe (#8EA58F): A luminous, dusty green — the color of fresh herbs.
- Mocha (#8C7177): A full-bodied, dusty red — the color of late-summer berries.
- Charcoal Brown (#624C4B): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Sophistication. Tagged vintage, retro, 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
- Timeworn Cocoa Delta color palette (#EFF9E3, #C2DAC2, #9BB2A7, #9C8280, #7D3E25)
- Bronze Pier color palette (#FAF5E9, #BDCC94, #7B9972, #896E26, #4C4300)
- Softworn Driftwood color palette (#DEFCFF, #C6DCF1, #89B4C6, #7383A3, #4C516A)
- Patina Bronze Study color palette (#C6E8D0, #91BFDC, #A18199, #985A38, #643A00)
- Aqua Pier color palette (#AFFBF3, #59CDE6, #759DCC, #895C65, #514A46)
- Muted Turquoise color palette (#D4F4F7, #57ADD5, #6F86B0, #7E5152, #532C00)
- Muted Corridor color palette (#D0EBF5, #6199D1, #676399, #633929, #372300)
- Ancient Teal color palette (#DCF4E4, #00CBBE, #0D97BA, #744C6E, #611C2D)
Browse the whole catalog at Explore, or see today's palette.