Cocoa Study color palette — #FFEEE2 · #C6A57E · #9A674C · #76381F · #2B210B

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

The five colors

• Cream (#FFEEE2): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#C6A57E): A luminous, dusty gold — the color of old brass.
• Walnut (#9A674C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Rust (#76381F): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2B210B): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Timeworn Chestnut color palette (#F9F0E4, #C2BE8C, #967F56, #7D4A15, #2E2D1D)
• Muted Field color palette (#F6DAC8, #B98F63, #915132, #5C2F2F, #211602)
• Worn Dune color palette (#F6E8C3, #90AC5F, #766D00, #5B3D00, #1B1F00)
• Sunlit Cabin color palette (#F9E2FF, #E48DBE, #B15A6C, #70301D, #371C00)
• Bronze Archive color palette (#FFF0F8, #90B191, #95664E, #624664, #2B4337)
• Tempered Bronze color palette (#F9E9DD, #956800, #683400, #450803, #080500)
• Tempered Hollow color palette (#FAEEF4, #9CC179, #534E7B, #3A1C2D, #14080F)
• Sunlit Quarry color palette (#FBEEF2, #CB9AF6, #AC5C34, #73558D, #180B03)

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