Cocoa Study color palette — #FCEAD5 · #613C00 · #002E38 · #070026 · #040001

Bronze takes the lead with Ink close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Cream (#FCEAD5): A whisper-light, dusty gold — the color of old brass.
• Bronze (#613C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002E38): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#070026): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Cocoa Study 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

• Nocturne Onyx Field color palette (#D9F7EA, #373400, #002417, #00022B, #040000)
• Garnet Veranda color palette (#FFE7DB, #93040A, #003321, #000D16, #030004)
• Navy Hollow color palette (#EDE9D5, #384E00, #001669, #1A0017, #030100)
• Shadow Station color palette (#FAEAD2, #776100, #1C3B00, #000336, #010100)
• Onyx Coast color palette (#FFE3F7, #621800, #110052, #110018, #0A0100)
• Washed Courtyard color palette (#F0ECE4, #BFBBAC, #97946F, #4C3900, #020100)
• Aged Denim Coast color palette (#FDE7CD, #966300, #0054AA, #003671, #050005)
• Charred Aubergine color palette (#ECEFCE, #306F09, #29008D, #2C0015, #020100)

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