Cocoa Study color palette — #FFF3E2 · #C6F1CE · #8ADBDB · #BF8C75 · #5F4600

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

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Honeydew (#C6F1CE): A whisper-light, dusty teal — the color of glacier melt.
• Ice Blue (#8ADBDB): A whisper-light, dusty teal — the color of shallow lagoons.
• Caramel (#BF8C75): A luminous, dusty orange — the color of autumn markets.
• Bronze (#5F4600): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Washed Meadow color palette (#FBF5E2, #CFE5D1, #B1B8CA, #B89D74, #565100)
• Weathered Oat color palette (#FFF2EA, #DEE0C8, #B5DD9A, #BE7C87, #55504A)
• Seafoam Atelier color palette (#E0FEEA, #A0EDD6, #B4C996, #957F53, #41584D)
• Patina Driftwood color palette (#FDF4E8, #CCBC97, #AD884E, #895E43, #463E00)
• Chalky Moss color palette (#F6F9D1, #AAF8F9, #43D9FC, #A19300, #464841)
• Seafoam Workshop color palette (#FFF4DD, #B2EA93, #00DDD1, #AE6A00, #363A0C)
• Weathered Cerulean color palette (#EDEACA, #6BB389, #0094A2, #594300, #001403)
• Ancient Sky Field color palette (#EFF2CF, #92ECD7, #33C5FA, #827B2D, #073C2C)

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