Cocoa Chapel color palette — #FFF2E9 · #C8E0CD · #D3B9A3 · #ABAFBF · #674700

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Celadon Mist (#C8E0CD): A whisper-light, dusty teal — the color of glacier melt.
• Sand (#D3B9A3): A luminous, dusty gold — the color of afternoon light on wheat.
• Ash (#ABAFBF): A luminous, dusty violet — the color of wild irises.
• Bronze (#674700): A full-bodied, balanced gold — the color of old brass.

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

• Aged Garden color palette (#FFF3E8, #DFE1BE, #CDA589, #A9664D, #4B3E00)
• Dusty Cocoa color palette (#FFE8E5, #D2D0DD, #A9ACA2, #6F3215, #2E2825)
• Antique Powder Hollow color palette (#E9FBE9, #C0E6DF, #94C2D5, #D3ACBB, #3F5142)
• Patina Taupe color palette (#FFF1F5, #C7E0EA, #AAABC4, #BC8178, #445648)
• Tempered Study color palette (#F8F5EB, #DFDECD, #888A55, #544500, #1E1B10)
• Tempered Mustard color palette (#F9F5E9, #C7CB65, #AEA5DF, #827BA6, #33322B)
• Washed Field color palette (#FFF3E5, #EEFFA9, #B9FFF1, #D48679, #463C0C)
• Aged Basin color palette (#FAF9C9, #7BFAB9, #48C3DC, #8F5700, #171900)

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