Cocoa Chapel color palette — #FFF2EE · #E8D8D6 · #FFB49C · #B7B6A4 · #6B2E16
A conversation between Rust and Melon, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E8D8D6): bright and airy, almost weightless.
- Melon (#FFB49C): A whisper-light, balanced orange — the color of sun-warmed clay.
- Stone (#B7B6A4): A luminous, dusty green — the color of a quiet forest floor.
- Rust (#6B2E16): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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 Oat color palette (#FEF0FE, #E8D3DA, #E3C296, #A9AFA5, #523D4D)
- Apricot Balcony color palette (#FFF2EC, #F3D4C4, #E7BD8F, #FF9841, #512209)
- Antique Fern color palette (#FFF2EC, #E5DABE, #C6C19E, #A6A686, #455001)
- Apricot Balcony color palette (#FFF2EC, #FFC8B3, #F6A176, #B8825F, #544E48)
- Washed Courtyard color palette (#FEF3EB, #FFC7A3, #90DBA5, #DC9566, #4C4E47)
- Shell Workshop color palette (#FCEEEC, #F2D2E9, #FFB2CB, #B6995C, #3C2518)
- Muted Blush color palette (#FBEFEA, #F59A9A, #A96947, #60514B, #26201F)
- Powder Delta color palette (#F4F6EF, #C9E6E6, #9BCEEF, #71ADBC, #365149)
Browse the whole catalog at Explore, or see today's palette.