Dusty Vanilla color palette — #FFEBAC · #A4AF7F · #57876B · #4A5983 · #653D4E
A conversation between Custard and Peacock, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFEBAC): A whisper-light, balanced green — the color of a quiet forest floor.
- Sage (#A4AF7F): A luminous, dusty green — the color of fresh herbs.
- Fern (#57876B): A full-bodied, dusty teal — the color of shallow lagoons.
- Peacock (#4A5983): A full-bodied, dusty violet — the color of a velvet chair.
- Cocoa (#653D4E): A full-bodied, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Dusty 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
- Washed Cocoa color palette (#EFE6C3, #A3A688, #4F8376, #6F4B5E, #6B2D15)
- Washed Denim color palette (#FFE6CA, #AEA678, #7B7B73, #2E618E, #4E4677)
- Taupe Lantern color palette (#F5EBD4, #8CA774, #3E6F57, #45466E, #462D53)
- Washed Mint Boulevard color palette (#FFE7B6, #CAD59C, #84C095, #7587AF, #4A4A6A)
- Hushed Mulberry color palette (#FFE1DC, #D5A58F, #898548, #733578, #511B15)
- Worn Pewter color palette (#FFDAE2, #DBAE8F, #839D75, #9C5778, #693445)
- Dusty Cocoa color palette (#EFFAE4, #B8C6B8, #7B9589, #816766, #6C4500)
- Feathered Workshop color palette (#F8F6E2, #7BB37E, #007D58, #724420, #204423)
Browse the whole catalog at Explore, or see today's palette.