Cocoa Atelier color palette — #FFF1F1 · #F1AFBE · #CB8382 · #A16954 · #703F00
A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Ballet Pink (#F1AFBE): A luminous, dusty red — the color of embers at dusk.
- Dusty Rose (#CB8382): A luminous, balanced orange — the color of toasted spice.
- Mocha (#A16954): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#703F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Balance. 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
- Worn Cabin color palette (#FFEEF5, #D7B2E2, #BF87AF, #9E697F, #6B473F)
- Tempered Blush color palette (#FFF2EF, #FFC9CD, #FF9B99, #BF796D, #554D49)
- Taupe Courtyard color palette (#FFF2EB, #FFCAB4, #CD9276, #8C5842, #552900)
- Patina Quarry color palette (#FFF2EC, #F3B2A6, #6EC0CA, #BF7669, #34563D)
- Weathered Taupe color palette (#FFF2EC, #EDB293, #C59B66, #8D7943, #514F48)
- Terracotta Drift color palette (#FDF0FF, #D89DA0, #BC7371, #954B42, #624458)
- Linen Ember color palette (#FCD2D4, #E86A50, #B05F00, #6B4800, #3D2E00)
- Pale Studio color palette (#FFE7EA, #FF8D7E, #DA5800, #955400, #4F3800)
Browse the whole catalog at Explore, or see today's palette.