Cocoa Chapel color palette — #FFF2EA · #D39D80 · #8BA575 · #8E6E8D · #5E2F00
Built around Cocoa, softened by Camel — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Camel (#D39D80): A luminous, dusty orange — the color of toasted spice.
- Moss (#8BA575): A luminous, dusty green — the color of fresh herbs.
- Slate (#8E6E8D): A full-bodied, dusty pink — the color of neon signs at night.
- Cocoa (#5E2F00): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Wandering Taupe Station color palette (#FBF4EA, #C6A763, #73A991, #9B6B75, #413C36)
- Blush Villa color palette (#FFF2EF, #DF919F, #AE9967, #78759E, #4B3834)
- Cocoa Studio color palette (#FFF2ED, #DA978F, #9DA068, #66845D, #64290A)
- Taupe Studio color palette (#FAF4EF, #FBC4A2, #B59853, #B37E5D, #312D27)
- Wandering Fern color palette (#FFF3E3, #DFC998, #AFA067, #757338, #485105)
- Weathered Petrol color palette (#FBF4EA, #A88C51, #6F885B, #186789, #413C36)
- Faded Amber color palette (#FFF3E8, #DA7800, #53A54F, #8A397D, #442100)
- Antique Taupe color palette (#FAF4EE, #DADAD2, #ABB2AA, #B79472, #58514A)
Browse the whole catalog at Explore, or see today's palette.