Cocoa Study color palette — #F1DFE6 · #5D2F00 · #1F2000 · #000D06 · #070000

Cocoa and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F1DFE6): A whisper-light, dusty rose — the color of a warm blush.
• Cocoa (#5D2F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1F2000): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000D06): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, 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

• Cellar Basalt Studio color palette (#D4F3E7, #384200, #002519, #000B0F, #040100)
• Charred Garnet color palette (#F2E1F3, #750023, #301700, #0B0900, #040007)
• Tempered Chestnut Lantern color palette (#F5DEC8, #7D5A00, #4A4200, #00281A, #001217)
• Tempered Meadow color palette (#F2D5E7, #F0283D, #AE3900, #5D3400, #080200)
• Moonless Forest color palette (#C7E8E6, #0F6E4A, #003427, #221300, #000803)
• Lagoon Hollow color palette (#DAEFEB, #488D90, #00454C, #00231F, #000C0F)
• Deep Brick Alley color palette (#FEDFD4, #A70021, #004423, #001D2E, #000108)
• Powdered Field color palette (#EEE1F4, #CE006C, #006550, #003863, #000206)

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