Soft Cocoa color palette — #F2DDCF · #B87335 · #803200 · #460103 · #020100

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

The five colors

• Parchment (#F2DDCF): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B87335): A luminous, balanced gold — the color of old brass.
• Rust (#803200): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#460103): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Thicket color palette (#F9E0CD, #C08F5B, #954600, #5E1000, #060300)
• Antique Driftwood Orchard color palette (#F8E5C9, #968637, #644800, #331B00, #010100)
• Tempered Bronze Villa color palette (#FFF2EA, #EFAB54, #BD6200, #882700, #211600)
• Softworn Mulberry color palette (#F3E2D7, #B48649, #B2490C, #900037, #0E0B00)
• Stone Corridor color palette (#FFF4DB, #B0BA6F, #837731, #5C4100, #151300)
• Washed Driftwood Coast color palette (#FFF2EB, #EBBD9D, #B47963, #7C4745, #2E1E08)
• Dusty Veranda color palette (#DBEAF3, #006792, #930716, #342500, #000103)
• Wandering Chestnut Chapel color palette (#FFF4E0, #DBD481, #AB8E42, #845300, #252C00)

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