Powdered Cocoa color palette — #F0DAE6 · #B16835 · #883600 · #5B1200 · #150700

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

The five colors

• Shell Pink (#F0DAE6): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#B16835): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#883600): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5B1200): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#150700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Aged Amber Harbor color palette (#F3DCCE, #C26D2C, #7F3300, #410B00, #030100)
• Ancient Chestnut Courtyard color palette (#F6E3EE, #935705, #602100, #3C000B, #110A00)
• Patina Bronze Alley color palette (#D3EFD4, #9A7826, #6F4A00, #472800, #100B00)
• Wandering Rust Canyon color palette (#FADBCF, #CD7800, #B74300, #77343B, #120900)
• Feathered Bronze color palette (#FECFE4, #D69553, #B35D00, #873700, #3A2300)
• Muted Ridge color palette (#F4E2ED, #C8A1B6, #B46A4E, #8B4236, #462334)
• Softworn Bronze Canyon color palette (#D8EBDF, #A2A26F, #817209, #5F4A00, #232700)
• Weathered Chestnut Market color palette (#DFF1F7, #006E73, #684E00, #313A00, #000606)

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