Cocoa Atelier color palette — #F2E0D0 · #723C00 · #303000 · #001A2A · #100200

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

The five colors

• Parchment (#F2E0D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#723C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#303000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#001A2A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#100200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Twilit Cocoa Coast color palette (#EDE0D3, #633B00, #242F2B, #0E1000, #060200)
• Moonless Onyx Lagoon color palette (#FDEED5, #614800, #0E3400, #1B0053, #0B0600)
• Smoked Garnet Boulevard color palette (#FAE3E0, #7A0047, #412800, #001D20, #18000A)
• Softworn Rust Canyon color palette (#FFDFEC, #B7584A, #6A4000, #2E2800, #061C00)
• Cellar Garnet Alley color palette (#F1DCEC, #990017, #003725, #002134, #020007)
• Feathered Plum Alley color palette (#F8E5CB, #B02A51, #4E3900, #170072, #2D0700)
• Timeworn Ridge color palette (#E9DED8, #C1B7AB, #978E6D, #7C1D00, #2C1A11)
• Tempered Cabin color palette (#FBF1D4, #5C5900, #2E4F00, #002175, #281400)

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