Cocoa Atelier color palette — #FFF3E8 · #DDDCCA · #97BFBA · #C79881 · #5D3800
A conversation between Bronze and Camel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Bone (#DDDCCA): A whisper-light, dusty green — the color of fresh herbs.
- Ash (#97BFBA): A luminous, dusty teal — the color of glacier melt.
- Camel (#C79881): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#5D3800): A deep, shadowed, balanced gold — the color of old brass.
Feels like: 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
- Fern Quarry color palette (#FAF5E4, #BDE3CF, #C0BFC9, #BCAC76, #584900)
- Blush Station color palette (#FFF3E9, #C0FEDF, #DDDFCA, #E294A0, #663D00)
- Weathered Moss Drift color palette (#F3F0CE, #B2BA7B, #79A15F, #543F00, #010100)
- Patina Workshop color palette (#FFF2EA, #F5D6BD, #C59076, #965935, #36312B)
- Washed Lantern color palette (#F6F8D7, #C1EFE6, #B5C7E1, #7D9451, #393F00)
- Hushed Bronze Meadow color palette (#FFF1F6, #CCFCED, #D1BC87, #A36B50, #604B53)
- Dusty Drift color palette (#FFF3E7, #E2A36B, #AF8EC7, #9A5984, #32200D)
- Quiet Sunflower Loft color palette (#FFF4E0, #D8E4C5, #D6E067, #C17700, #312300)
Browse the whole catalog at Explore, or see today's palette.