Cocoa Atelier color palette — #FDE5D2 · #5F2D00 · #002421 · #220C05 · #100020

A conversation between Cocoa and Ink, giving this palette its sense of optimism and creativity.

The five colors

• Parchment (#FDE5D2): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#5F2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#002421): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#220C05): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#100020): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged 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

• Deep Bloom color palette (#F9EEE0, #503800, #00222D, #100020, #060003)
• Obsidian Garnet color palette (#F7DCD7, #730037, #152300, #290B14, #00091B)
• Moonless Spruce Grove color palette (#F3E6CF, #505D61, #3A2C00, #171E17, #030500)
• Chestnut Study color palette (#F5DCC9, #726614, #1A4D1E, #281536, #1D0015)
• Fern Study color palette (#E6E8CF, #246900, #00423D, #001E2D, #02000D)
• Lowlit Garden color palette (#EFE9D3, #426938, #003423, #30020F, #010800)
• Chalky Onyx color palette (#F1E9CF, #5C5B00, #003B58, #370039, #22000B)
• Hushed Dune color palette (#F1E5DA, #5886A7, #0B3487, #002225, #090029)

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