Cocoa Grove color palette — #F6E8E0 · #C5B6A7 · #9B8C6F · #722B15 · #281C16

Built around Rust, softened by Caramel — the whole palette hums with sophistication.

The five colors

• Cream (#F6E8E0): a clean, paper-quiet neutral.
• Stone (#C5B6A7): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#9B8C6F): A luminous, dusty gold — the color of honey in a jar.
• Rust (#722B15): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#281C16): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged scandi, 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

• Tempered Ridge color palette (#F2E8E0, #B6A78D, #8E8037, #552B00, #201002)
• Weathered Terracotta color palette (#EFE6EC, #BAC9B9, #91ACA0, #9D3E26, #281A24)
• Patina Chestnut color palette (#FCF4EA, #DCD2B9, #ABA986, #7D4E00, #37322C)
• Washed Thicket color palette (#FBF3EE, #DDDCD0, #BDC2B5, #926A54, #50453E)
• Aged Olive Ridge color palette (#F5E7CF, #768215, #0A540B, #442035, #201A00)
• Rose Bloom color palette (#F3DBC4, #FF4363, #A96B00, #3B5D00, #1E1200)
• Soft Amber color palette (#FDE4DB, #B47C05, #455F2E, #34355F, #202047)
• Worn Parlor color palette (#FBECD2, #B33000, #493B00, #002151, #260F00)

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