Cocoa Study color palette — #FFF3E5 · #EAAE90 · #B18A5D · #587954 · #6A3A00

A conversation between Bronze and Sand, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#EAAE90): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#B18A5D): A luminous, dusty gold — the color of honey in a jar.
• Olive (#587954): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#6A3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Ancient Taupe color palette (#FFF3E8, #E6ABB9, #BC807B, #796F43, #58423C)
• Softworn Denim color palette (#FEF4E3, #D0959D, #946F46, #345A8E, #703513)
• Patina Field color palette (#FFF3E5, #E1D4BF, #AEA589, #7C8774, #445442)
• Frosted Marigold color palette (#FFF4DD, #E79200, #987900, #006C49, #493000)
• Chestnut Ridge color palette (#FAF0E8, #C88C64, #7A4D0C, #552C00, #27201B)
• Muted Emerald color palette (#FFF5DA, #B4B76E, #6F9354, #00717A, #3E3D36)
• Worn Marigold Thicket color palette (#EBFAEF, #FDBDC1, #D3A569, #6D8FB2, #54414E)
• Sunlit Amber Chapel color palette (#EBDCC1, #BE8700, #766A00, #005544, #2F2200)

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