Dusty Cocoa Drift color palette — #FFF2EB · #E2DAC6 · #CFC78F · #A06F69 · #723C0C

Built around Bronze, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E2DAC6): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#CFC78F): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A06F69): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#723C0C): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Dusty Cocoa Drift 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

• Aged Shell Delta color palette (#FFF1F1, #E8D6C9, #FBB8B8, #906884, #664946)
• Weathered Driftwood color palette (#FFEEE6, #DED8C4, #ADCBA5, #A96A84, #4E2400)
• Softworn Summit color palette (#FDF6D8, #DEDBB0, #94C394, #736C37, #4E4600)
• Wandering Thicket color palette (#FEF0FD, #E8D8D7, #DADB9C, #BF86A8, #654757)
• Garnet Villa color palette (#ECDED5, #DE9255, #9F7317, #7C1900, #2E1100)
• Hushed Veranda color palette (#EFDEC4, #A28938, #75731C, #4D2B00, #0F0900)
• Marigold Studio color palette (#FFF3E9, #FABA5D, #C99E00, #923F00, #4D2D00)
• Tempered Olive Grove color palette (#FAF4EB, #C3AD6D, #557C3C, #745D00, #252512)

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