Cocoa Atelier color palette — #FFF2EF · #E1DCCF · #B2D5AA · #9F777D · #753E10
Built around Bronze, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Bone (#E1DCCF): a clean, paper-quiet neutral.
- Pistachio (#B2D5AA): A whisper-light, dusty green — the color of new leaves after rain.
- Mocha (#9F777D): A luminous, dusty red — the color of a theater curtain.
- Bronze (#753E10): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
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
- Muted Sand Quarry color palette (#FFF1F3, #E3D9D1, #F7C49C, #A27E96, #5F4C4C)
- Faded Market color palette (#FFF2ED, #E1DFC3, #91CF72, #A04D74, #633F22)
- Seafoam Archive color palette (#FFF3E4, #C4F2D2, #74E2D3, #A5695B, #4F4D46)
- Softworn Chestnut Loft color palette (#FDF4E5, #C0B899, #927D54, #854E1F, #484C00)
- Antique Cocoa color palette (#FFF2ED, #DFDACE, #9EBCD0, #C09F9A, #773D17)
- Weathered Basalt color palette (#FBF4EE, #CFBF97, #7D5336, #552D00, #29261D)
- Ancient Lagoon color palette (#FAF4F0, #E6B39E, #008F94, #9A593F, #263127)
- Gentle Mint Boulevard color palette (#FFF4DD, #8BDC90, #00B2C5, #A04D00, #2E4318)
Browse the whole catalog at Explore, or see today's palette.