Cocoa Atelier color palette — #EFF9E6 · #CBE2DD · #AACDC0 · #AC807C · #793E1D
Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#EFF9E6): A whisper-light, dusty green — the color of new leaves after rain.
- Silver (#CBE2DD): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#AACDC0): A luminous, dusty teal — the color of glacier melt.
- Caramel (#AC807C): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#793E1D): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Cocoa Thicket color palette (#E5FBF0, #F0D9D6, #D0B0C1, #9F8778, #6D4600)
- Airy Cocoa color palette (#D6FEFF, #ADE4FF, #7CA1D7, #A25C5E, #733606)
- Ash Summit color palette (#DCFDFF, #A4C9D7, #7994AA, #736A79, #60464C)
- Patina Station color palette (#D5FBFF, #8FC0DD, #7C8BBF, #823733, #432102)
- Wandering Driftwood color palette (#F5F6EB, #B9E2DD, #9FB793, #868C44, #3B4E05)
- Hushed Cocoa color palette (#B7E7FF, #8CA9D4, #74699A, #743500, #251900)
- Hushed Wisteria Basin color palette (#EFF6FF, #C0B5F5, #BC6FB6, #7E5700, #343C00)
- Pewter Station color palette (#D9EBFF, #B188A0, #785A83, #402700, #0A0A00)
Browse the whole catalog at Explore, or see today's palette.