Gentle Cocoa color palette — #FADBC7 · #BB7143 · #803108 · #440600 · #030100

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

The five colors

• Shell Pink (#FADBC7): A whisper-light, dusty gold — the color of old brass.
• Caramel (#BB7143): A luminous, balanced gold — the color of honey in a jar.
• Rust (#803108): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#440600): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

One click turns Gentle 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 Field color palette (#F6E6D2, #A87E1D, #694500, #331B00, #020100)
• Softworn Dune color palette (#FFDEC6, #CA8955, #914918, #591A00, #080300)
• Antique Bronze color palette (#FFF3E9, #EBAB73, #C06000, #813000, #251400)
• Tempered Garnet Boulevard color palette (#FFE9DC, #BB814C, #B44617, #91002E, #110A00)
• Tempered Peony Harbor color palette (#EAD9E3, #D34F8E, #950046, #450014, #050000)
• Wandering Lantern color palette (#FFF4DC, #B8B67E, #89760D, #594300, #171200)
• Antique Grape Coast color palette (#F5E1EA, #7125D2, #940023, #002E36, #020007)
• Cellar Ember color palette (#F6D5E0, #DE6153, #3C0C5D, #100303, #020006)

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