Cocoa Studio color palette — #FBF4EC · #E7DDC3 · #A3BF9A · #B28EA1 · #5F4A00

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

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Bone (#E7DDC3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A3BF9A): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#B28EA1): A luminous, dusty rose — the color of a warm blush.
• Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Cocoa Studio 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

• Antique Fern color palette (#F7F6E8, #CCDBB9, #78B9BC, #AA829C, #344B05)
• Cocoa Market color palette (#FFF2EE, #E0DDCE, #D9AFD9, #B5BCC8, #793F1A)
• Chalky Jade Lantern color palette (#FFF4E3, #C6D79D, #50BE7E, #9078C9, #35400E)
• Bronze Chapel color palette (#FFF2EC, #F0D5C2, #E8A296, #BB6A5A, #572D20)
• Turquoise Courtyard color palette (#FFF2EB, #EFB8AA, #71D0CE, #56B0D1, #48413D)
• Coral Loft color palette (#FEF2ED, #FFC4BE, #87D8D2, #F5817A, #165855)
• Teal Grove color palette (#FBF3F1, #C4DFE3, #90D2EA, #7FB084, #5F4A61)
• Wandering Driftwood color palette (#FAEEF2, #CAC695, #6F8C65, #5C6073, #25352D)

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