Cocoa Atelier color palette — #FFE5CB · #583200 · #002230 · #061007 · #1B0001

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

The five colors

• Parchment (#FFE5CB): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#583200): A deep, shadowed, dusty gold — the color of old brass.
• Midnight (#002230): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#061007): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#1B0001): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

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

• Velvet Pier color palette (#EAE3D4, #493C00, #001E3D, #000919, #050006)
• Obsidian Onyx Basin color palette (#DEEBD2, #004836, #3B0028, #1D1D0D, #1A0004)
• Moonless Pine Canyon color palette (#E9F1DB, #00743A, #003B32, #001E20, #020711)
• Obsidian Spruce color palette (#DEE3C3, #51585E, #013908, #121E1B, #000505)
• Muted Garnet Lantern color palette (#D9EFD7, #007F7D, #900029, #552100, #281F00)
• Muted Pine color palette (#F2E6CE, #3D7147, #004B58, #3A1421, #26000E)
• Pale Lantern color palette (#E2ECCE, #00693E, #5D005C, #41000D, #1B0600)
• Antique Navy Coast color palette (#F2E3D6, #4C88AB, #1B367C, #002220, #0D0025)

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