Quiet Cocoa color palette — #F7DDED · #A06545 · #782700 · #510400 · #280919

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

The five colors

• Blush (#F7DDED): A whisper-light, dusty pink — the color of neon signs at night.
• Walnut (#A06545): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#782700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#510400): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#280919): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Antique Bronze color palette (#FBE7EE, #996B2E, #663900, #411C00, #201300)
• Dusty Chestnut Studio color palette (#F7E1EC, #BF8962, #9B480D, #6B301C, #412731)
• Pale Loft color palette (#F7DBCC, #CB730E, #9D3F20, #652330, #201300)
• Dusty Mulberry color palette (#FBE2F0, #C4528C, #86003E, #4F0015, #240E00)
• Patina Rust Hollow color palette (#F8DFF0, #CD9054, #BD5C43, #854156, #1C1500)
• Aged Amber Quarry color palette (#CFE5CE, #B58400, #7C5100, #593100, #342700)
• Ancient Bronze color palette (#FFF0F7, #C499AA, #9D623D, #724432, #4E353D)
• Softworn Rust Studio color palette (#E8EAFF, #C64C47, #36005E, #2C1416, #100021)

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