Cocoa Atelier color palette — #CFEBBA · #6AB8AD · #4687A1 · #793E2A · #4E2700

Built around Bronze, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#CFEBBA): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#6AB8AD): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#4687A1): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#793E2A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#4E2700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Sunlit Lagoon Terrace color palette (#F4E5AD, #89B283, #3D8F88, #764356, #4F1F2D)
• Worn Pier color palette (#CEE9C5, #70BCDD, #6B71A5, #63521A, #383200)
• Worn Cocoa Veranda color palette (#DAE3C3, #8AAD8E, #8A6E8D, #623D20, #342501)
• Tempered Aubergine color palette (#D0F4DC, #72AECD, #557BA1, #714484, #683B46)
• Pale Plum color palette (#C5F8E5, #9AC8C7, #3F9FB1, #A35463, #6B3C02)
• Lagoon Villa color palette (#E2F0E6, #4399A0, #3D6E61, #5A2B0B, #351501)
• Antique Chestnut Bloom color palette (#E0F3DB, #A2C5B4, #97778F, #765305, #38352E)
• Jade Lantern color palette (#F5F3DC, #6CBC8B, #007C6F, #415324, #002814)

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