Cocoa Atelier color palette — #FFF1F1 · #F1B3BC · #CE8887 · #9D6258 · #763F12
Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Ballet Pink (#F1B3BC): A whisper-light, dusty red — the color of a theater curtain.
- Dusty Rose (#CE8887): A luminous, balanced orange — the color of toasted spice.
- Walnut (#9D6258): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#763F12): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged 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
- Weathered Alley color palette (#FFF2ED, #F9B7A1, #C68867, #956940, #534E47)
- Ash Corridor color palette (#FFF1F6, #DDB7E8, #BB86B7, #976382, #674542)
- Aqua Orchard color palette (#FFF2ED, #ECB5AE, #68C1CA, #B87973, #36563D)
- Timeworn Tangerine Garden color palette (#FDDAD5, #EC704E, #B45600, #794600, #412900)
- Worn Atelier color palette (#FFF2EC, #DFDACD, #9FBCD1, #BF9184, #753D13)
- Wandering Iris Archive color palette (#FFF2EC, #DF9F90, #7CB48C, #808FC9, #48413D)
- Aged Cabin color palette (#FFE7CF, #996F00, #625300, #363600, #0E1300)
- Quiet Harbor color palette (#F0E0E4, #C52F4B, #8A0504, #461300, #190800)
Browse the whole catalog at Explore, or see today's palette.