Dusty Cocoa color palette — #E3FFD8 · #B6E6D9 · #97BEA5 · #8F7786 · #5C4700
A conversation between Deep Olive and Custard, giving this palette its sense of nature and growth.
The five colors
- Custard (#E3FFD8): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint (#B6E6D9): A whisper-light, dusty teal — the color of sea glass.
- Sage (#97BEA5): A luminous, dusty teal — the color of glacier melt.
- Driftwood (#8F7786): A full-bodied, dusty pink — the color of peonies in June.
- Deep Olive (#5C4700): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Dusty Cocoa 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
- Frost Studio color palette (#EBFDD5, #B2EEF9, #9BBB9F, #8A7186, #54404C)
- Washed Chestnut Garden color palette (#FFF4DA, #BFB89C, #7E9172, #885948, #654E00)
- Aged Archive color palette (#F5F6EB, #B8E5F0, #83C7D8, #389290, #2B4639)
- Wandering Veranda color palette (#F5F7E5, #BFF5CB, #6FAE8E, #777C34, #343E00)
- Dusty Atelier color palette (#D2F3F4, #99B5BD, #658AA2, #774A63, #442A42)
- Washed Grove color palette (#EBF7FF, #B8D9FF, #96A8E2, #835D7B, #613936)
- Washed Glacier Cabin color palette (#D4FFFC, #52FCFD, #00B0BC, #037B8C, #1C4632)
- Airy Lilac color palette (#D8DCF7, #A492D9, #9166A4, #6B3739, #290600)
Browse the whole catalog at Explore, or see today's palette.