Cocoa Atelier color palette — #FFF2EC · #FFC2B5 · #D38D7D · #8B5C53 · #5F2502
A conversation between Espresso and Camel, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Wheat (#FFC2B5): A whisper-light, dusty orange — the color of sun-warmed clay.
- Camel (#D38D7D): A luminous, balanced orange — the color of toasted spice.
- Pewter (#8B5C53): A full-bodied, dusty orange — the color of autumn markets.
- Espresso (#5F2502): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.
Use it as a design system
One click turns Cocoa Atelier 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
- Ash Study color palette (#FFF1F1, #FFC5E8, #C58AA8, #835973, #543030)
- Patina Basin color palette (#FFF2EC, #F8C0B1, #A96E5D, #744138, #602603)
- Softworn Sand color palette (#FFF3E3, #F8D191, #BB965C, #80653C, #38342E)
- Wandering Cocoa Field color palette (#FFF2ED, #DFD9CE, #9DC3B3, #B89691, #763C15)
- Washed Delta color palette (#FFF3E7, #DC9C56, #6AA5BB, #906E85, #583400)
- Softworn Market color palette (#FFDBBD, #F59300, #A86300, #633A00, #200E00)
- Amber Orchard color palette (#F1E9D6, #B99200, #815F00, #443400, #0F0800)
- Patina Amber color palette (#FFF2EA, #FFA86F, #D66900, #873D00, #3A1900)
Browse the whole catalog at Explore, or see today's palette.