Cocoa Chapel color palette — #FFF2EF · #E0DBCF · #9AB3B5 · #C197BB · #662C09

Rust takes the lead with Mauve close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E0DBCF): a clean, paper-quiet neutral.
• Ash (#9AB3B5): A luminous, dusty blue — the color of deep harbor water.
• Mauve (#C197BB): A luminous, dusty pink — the color of neon signs at night.
• Rust (#662C09): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Cocoa Loft color palette (#FFF2EB, #DFDECC, #99C4C2, #D0A8A2, #724400)
• Wandering Coral color palette (#FFF3E7, #BDEAD1, #97C6E3, #DB8985, #3E3A34)
• Washed Bronze Summit color palette (#FEF3E7, #EEDBB4, #B89870, #945B30, #33322B)
• Wandering Workshop color palette (#FDF1FC, #FFE6BC, #ECD3D7, #E692A2, #60485D)
• Sand Meadow color palette (#FFEEE7, #DFD5C7, #FFBC96, #A7757F, #3C2820)
• Dusty Thicket color palette (#FFF3E7, #E2A36A, #5BABC1, #008099, #312110)
• Powdered Coast color palette (#FFF2F0, #E5E85C, #E1DCCF, #C95E88, #521F00)
• Stone Veranda color palette (#FCF1FF, #DAD9CD, #D8B97D, #8C6787, #564353)

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