Cocoa Study color palette — #FBE8F1 · #A4766D · #71322F · #281C00 · #020100

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

The five colors

• Blush (#FBE8F1): A whisper-light, dusty rose — the color of strawberry cream.
• Mocha (#A4766D): A luminous, dusty orange — the color of toasted spice.
• Rust (#71322F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#281C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Sophistication. Tagged vintage, retro, 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

• Bronze Corridor color palette (#FEEADE, #986C3D, #5E4A14, #002309, #000201)
• Garnet Pier color palette (#EDD8DB, #C85E72, #7B002E, #1E1508, #110002)
• Dusty Garnet Loft color palette (#FCE1FA, #8B5472, #661933, #2B1800, #001607)
• Antique Spruce color palette (#FDDFC8, #AA8D61, #685A26, #003F24, #00140F)
• Terracotta Parlor color palette (#E9ECFB, #A179AA, #965057, #004F43, #001717)
• Smoked Plum Loft color palette (#EDD7E6, #AF4288, #790050, #290013, #040001)
• Dusty Lagoon Loft color palette (#EAF3DA, #498971, #00473C, #001E2D, #000201)
• Sunlit Ultramarine Workshop color palette (#F9DBD7, #A7416E, #004FAD, #53002D, #000105)

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