Dusty Cocoa Alley color palette — #FFECF3 · #95B596 · #966A45 · #6F3D28 · #14281B

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#95B596): A luminous, dusty green — the color of fresh herbs.
• Walnut (#966A45): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6F3D28): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#14281B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Bronze Ridge color palette (#FBEDF5, #C59FAF, #9F644C, #6F3B37, #142814)
• Chestnut Archive color palette (#E7F6EC, #A7C3B6, #8F8256, #6D532C, #16322B)
• Tempered Cocoa Bloom color palette (#F2D9E1, #AD9567, #855A28, #632C05, #1D1800)
• Amber Pier color palette (#FFF3E8, #D2B999, #B78254, #885D4B, #403D36)
• Timeworn Cocoa color palette (#DFF7FB, #219A8B, #9B5B8E, #88321D, #001F23)
• Tempered Bronze color palette (#E2F5E4, #82702F, #5A3D00, #361B00, #060600)
• Softworn Harbor color palette (#E4F6F8, #C7B082, #006452, #002F26, #001012)
• Wandering Grove color palette (#EBF4F6, #6AC5BE, #5272BB, #00746F, #070E1A)

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