Cocoa Study color palette — #FAD8D0 · #873700 · #3E2000 · #160B00 · #020100

Built around Rust, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#FAD8D0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#873700): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3E2000): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#160B00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

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

• Twilit Corridor color palette (#FEEDD1, #785B00, #3C2900, #100800, #020100)
• Charred Cocoa Station color palette (#FFECD9, #6B4100, #003F63, #2E1900, #000103)
• Eclipse Garnet color palette (#FFE4EA, #92002E, #5B0700, #1E0600, #030100)
• Lowlit Ridge color palette (#FEE4E5, #B63F00, #5B3600, #160F00, #010100)
• Softworn Moss color palette (#F3E9DC, #A08E00, #4F6D22, #512300, #030200)
• Moonless Onyx color palette (#F3E4D0, #513500, #00393A, #380049, #020100)
• Fern Dune color palette (#EEE3F1, #006A7D, #5B5400, #090D07, #020100)
• Worn Bronze color palette (#FFEADC, #B36F00, #6D4D00, #3B3200, #191A00)

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