Cocoa Study color palette — #FDF4E0 · #B5EBD8 · #A5CBBC · #C6B497 · #5E4B00

Bronze takes the lead with Mint close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FDF4E0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mint (#B5EBD8): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#A5CBBC): A luminous, dusty teal — the color of shallow lagoons.
• Stone (#C6B497): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#5E4B00): A full-bodied, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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 Glacier Parlor color palette (#F0F9E5, #BBF0F8, #97D7F0, #A9B28C, #434E3B)
• Cocoa Loft color palette (#FCF4E8, #EAD7B3, #C9B388, #A18F78, #5A4400)
• Dusty Cabin color palette (#E8FBED, #BEE9EA, #EFC4C0, #C1BBC5, #44554D)
• Aged Driftwood color palette (#FBF0E2, #D1E3CC, #BCB9C6, #B77B6C, #393730)
• Seafoam Loft color palette (#FCF7CE, #C8FFA3, #42F3DB, #B6B66E, #374621)
• Patina Mint Workshop color palette (#F5F7E4, #99D591, #79C2DD, #B29378, #3D3E37)
• Chalky Moss color palette (#F4EAC7, #9DBC5F, #64A757, #7D6800, #120E00)
• Bronze Summit color palette (#F7F5ED, #EFDE9D, #A79F77, #7B6D22, #2D2C24)

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