Cocoa Atelier color palette — #DCE3D5 · #006049 · #712900 · #00330A · #071100

Rust and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#DCE3D5): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#006049): A full-bodied, balanced teal — the color of sea glass.
• Rust (#712900): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#00330A): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#071100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Worn Lantern color palette (#D8EFE0, #006274, #6C0206, #00270B, #00100D)
• Muted Lantern color palette (#DCEDDE, #005D62, #404800, #033305, #001112)
• Hazy Harbor color palette (#E7E1C6, #515700, #7C0045, #282B00, #0D0F00)
• Aubergine Terrace color palette (#DCE8DE, #005D62, #62008C, #382400, #001112)
• Dusty Fern color palette (#C9E6D8, #006C8C, #455D00, #003E51, #002115)
• Mulberry Thicket color palette (#D7F4E6, #007A9D, #A92746, #5D3A00, #001209)
• Timeworn Garnet Pier color palette (#E3F4E7, #008694, #740045, #003940, #0D0000)
• Onyx Coast color palette (#D3EDE6, #004677, #520047, #0F1C00, #000A07)

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