Cocoa Study color palette — #FAE3F1 · #752A00 · #3D3B34 · #190B00 · #0A0005

Rust and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FAE3F1): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#752A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Charcoal (#3D3B34): quiet, heavy and certain.
• Ink (#190B00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0A0005): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Softworn Garden color palette (#FBDAC5, #C64F00, #5C381B, #311400, #050100)
• Cellar Pier color palette (#DAF1E1, #554300, #23262C, #0E1000, #000401)
• Inked Workshop color palette (#F1E9F6, #7F0049, #301E1A, #250003, #0A0003)
• Dusty Bronze Meadow color palette (#F2DEE7, #AB5708, #203923, #281A21, #120A0B)
• Inked Spruce color palette (#CEF0DC, #38454F, #362E00, #0F1A1E, #030500)
• Timeworn Aubergine Meadow color palette (#F3E9D6, #735500, #005960, #64006B, #191000)
• Tempered Pier color palette (#D8F1EC, #378D5F, #005142, #50152F, #002020)
• Olive Grove color palette (#D3F2E3, #6E6D00, #183300, #001E13, #000A08)

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