Cocoa Study color palette — #E6DFBF · #B6CCA5 · #83A8CA · #A08168 · #6A3900

Bronze takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#E6DFBF): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B6CCA5): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#83A8CA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#A08168): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#6A3900): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa Study 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

• Tempered Oat color palette (#EDE4B4, #A7D5B0, #89B49F, #A47A72, #5E423D)
• Worn Bronze Orchard color palette (#E5EDC3, #96D9E4, #B99AB2, #AB7244, #6A3700)
• Timeworn Powder Canyon color palette (#BFEAE1, #70CAFD, #9E90D5, #8E754B, #4F380D)
• Hushed Chestnut color palette (#EAFBE7, #C5E6DA, #CFB5C0, #A69F8E, #674E00)
• Seafoam Corridor color palette (#F9F6E1, #8CDFB1, #4CB2B0, #85847C, #343630)
• Softworn Studio color palette (#C7EBDF, #80B3B6, #487F91, #733639, #362100)
• Worn Aqua color palette (#BFEEF1, #83C5CB, #7397B2, #75677E, #53354E)
• Gentle Chapel color palette (#B1FBFF, #B8D0FF, #D19BCD, #948B61, #574A00)

Browse the whole catalog at Explore, or see today's palette.