Cocoa Grove color palette — #F9F6DF · #D2DDCD · #ADC4BA · #B88B8D · #7B401E

Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F9F6DF): A whisper-light, dusty green — the color of new leaves after rain.
• Bone (#D2DDCD): A whisper-light, dusty green — the color of a quiet forest floor.
• Stone (#ADC4BA): A luminous, dusty teal — the color of glacier melt.
• Dusty Rose (#B88B8D): A luminous, dusty red — the color of a theater curtain.
• Bronze (#7B401E): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Frosted Bloom color palette (#F1EFC3, #92DAC3, #6AB8D4, #BB7769, #6D4600)
• Timeworn Fern Courtyard color palette (#F8F5EB, #DEE0C9, #90C3AC, #A49A77, #4F5100)
• Ancient Powder color palette (#DFF8F2, #9FCFD6, #7A94A4, #756774, #4E414D)
• Bronze Canyon color palette (#E9EBD4, #88BFB2, #729F8A, #9B6153, #4B3908)
• Weathered Chestnut color palette (#E0EEE6, #74AEBB, #7089B5, #885C23, #232900)
• Worn Apricot Summit color palette (#E6FBEE, #94D3E4, #E9A9B7, #E39A7C, #33483B)
• Turquoise Veranda color palette (#ECF9EE, #A0E2E7, #F5B3B6, #00BFC9, #6B3E41)
• Aged Veranda color palette (#E7E7D3, #5E9778, #32727C, #7F1A34, #200E00)

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