Cocoa Chapel color palette — #F4D8E3 · #B58B99 · #885830 · #652A00 · #021F05

Rust and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F4D8E3): A whisper-light, dusty rose — the color of pressed rose petals.
• Dusty Rose (#B58B99): A luminous, dusty rose — the color of strawberry cream.
• Coffee (#885830): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#652A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#021F05): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged earthy, warm, muted.

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 Bronze Veranda color palette (#FAE2EA, #BC996B, #985A00, #683300, #271900)
• Chestnut Lantern color palette (#D3E6D8, #7EA28D, #776222, #523900, #001E12)
• Washed Villa color palette (#D8F0D9, #9A8352, #724D00, #482900, #130E00)
• Antique Terracotta Balcony color palette (#FFF1F7, #DFC397, #B77A4A, #8A3E31, #062919)
• Chestnut Ridge color palette (#FCEDF6, #CFB2C0, #9A768C, #784A40, #39262E)
• Patina Garnet color palette (#D9F0E1, #897400, #007663, #7B152F, #001509)
• Powdered Pine Boulevard color palette (#E9F5F1, #92AB60, #007844, #485F00, #000808)
• Timeworn Cypress Workshop color palette (#CFECD5, #5AAB85, #007C63, #00433C, #001E1D)

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