Cocoa Study color palette — #FFDCD3 · #812D00 · #432100 · #1A0C00 · #020100

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFDCD3): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#812D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#432100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1A0C00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

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

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 Rust Orchard color palette (#FFE6E8, #CD3924, #5C2D00, #1C1200, #010100)
• Cocoa Studio color palette (#FADAE5, #6E3F00, #004060, #2F1800, #000103)
• Velvet Meadow color palette (#FFDAE3, #9A0031, #5F000B, #200500, #030100)
• Shadow Coast color palette (#FBE9CE, #7D5600, #3C2700, #19221F, #0E0700)
• Charred Onyx color palette (#F3E0C9, #533400, #003938, #36004D, #020100)
• Timeworn Olive Thicket color palette (#FFE9D2, #948853, #4E7225, #4F1B00, #020100)
• Amber Basin color palette (#FEE9DB, #BF7400, #724F00, #423600, #1C1900)
• Fern Loft color palette (#E7D9F1, #006B77, #5E5200, #070A05, #000201)

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