Cocoa Study color palette — #FFE9DB · #742800 · #003A56 · #001F31 · #0D0200

Built around Rust, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#FFE9DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#742800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Teal (#003A56): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001F31): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0D0200): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, 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

• Lowlit Garnet color palette (#F9D8D5, #840010, #004032, #00231B, #100000)
• Velvet Cocoa color palette (#ECDED0, #6A3E00, #003132, #24002B, #0F0006)
• Shadow Garnet color palette (#FBE0E6, #7F003E, #003D47, #0A0061, #0F0004)
• Charred Onyx color palette (#EFE4C4, #3F3B00, #002719, #04003A, #070000)
• Twilit Aubergine color palette (#F1E1C7, #564100, #3D0987, #220052, #070400)
• Bronze Chapel color palette (#FFEBE1, #916300, #463D00, #0F2000, #000E06)
• Softworn Villa color palette (#E8DFD5, #B0A998, #878239, #4E3000, #1F1000)
• Dusty Rust Garden color palette (#F9EAE1, #AD4109, #053F06, #461400, #020200)

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