Powdered Cocoa color palette — #ECD4F6 · #D88F95 · #BC5A56 · #812900 · #4C2302

Rust and Brick set the tone — five colors that lean into optimism and warmth.

The five colors

• Thistle (#ECD4F6): A whisper-light, dusty pink — the color of a candy shop window.
• Dusty Rose (#D88F95): A luminous, balanced red — the color of late-summer berries.
• Brick (#BC5A56): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#812900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#4C2302): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Powdered 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

• Softworn Corridor color palette (#FFDBF9, #E690A3, #C0424A, #89440D, #564019)
• Feathered Bronze color palette (#F8D4ED, #D7987B, #B36928, #6A4300, #3D2D00)
• Garnet Alley color palette (#EEE8FF, #D396BD, #B25882, #83183A, #491B1E)
• Frosted Bronze Hollow color palette (#FFEBF7, #EBB193, #AF6437, #662700, #2D0D00)
• Wandering Study color palette (#FFD6D0, #F99FAA, #E76C66, #A45332, #4A443F)
• Terracotta Quarry color palette (#FEECF9, #D29182, #009FB3, #A83B25, #002D34)
• Muted Ember color palette (#FAE4E2, #ED4221, #8C3F00, #5B3100, #241500)
• Dusty Bloom color palette (#FFEBF7, #E7D2D0, #D3C897, #AE6C6E, #3E2330)

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