Cocoa Study color palette — #F5E4D1 · #573300 · #273432 · #002037 · #120600

Cocoa and Midnight set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F5E4D1): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#573300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#273432): quiet, heavy and certain.
• Midnight (#002037): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#120600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Midnight Hollow color palette (#F4E7D9, #553500, #002420, #18000F, #030100)
• Cellar Loft color palette (#DEE7D1, #585D64, #003823, #131E22, #000507)
• Onyx Balcony color palette (#E4EDDF, #00574A, #002955, #220E00, #000A07)
• Onyx Delta color palette (#E5E4D7, #786113, #094D33, #490010, #1C1000)
• Worn Nightshade color palette (#ECE9DA, #565E00, #181799, #2D1B00, #021204)
• Washed Spruce color palette (#F5E8E5, #4D8D8C, #004356, #002508, #00091A)
• Midnight Courtyard color palette (#ECF3D4, #006B2E, #003D56, #2D003B, #060000)
• Dusty Archive color palette (#FEDEEB, #833BDF, #5E16A9, #620029, #002B28)

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