Cocoa Chapel color palette — #F7D8E9 · #B4772B · #7E3302 · #46000C · #020100

Built around Rust, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F7D8E9): A whisper-light, dusty pink — the color of a candy shop window.
• Caramel (#B4772B): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#7E3302): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#46000C): A deep, shadowed, balanced red — the color of a theater curtain.
• 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 Cocoa Chapel 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 Market color palette (#FFD8EF, #BD8F63, #96441D, #5A151E, #060300)
• Washed Orchard color palette (#EBDDC0, #8F8A29, #634900, #361900, #010100)
• Worn Ember Terrace color palette (#FCE7E6, #DC5E00, #6B4400, #1D1B00, #010100)
• Bronze Terrace color palette (#FFEBDD, #905901, #5D2500, #3C0007, #110A00)
• Tempered Rose color palette (#F3E4F3, #D86371, #525000, #740023, #010100)
• Faded Courtyard color palette (#FFF2EC, #E5AF70, #C55B11, #8C1C26, #1F1700)
• Ancient Terracotta Alley color palette (#F1DCE8, #A13900, #005E25, #002F2D, #030000)
• Wandering Bronze color palette (#E5FCEC, #B2B975, #8E730D, #663B00, #001713)

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