Weathered Cocoa Grove color palette — #FFF2EE · #E4D0CF · #D2CC92 · #ABAC97 · #6B3700

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Silver (#E4D0CF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pistachio (#D2CC92): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#ABAC97): A luminous, dusty green — the color of fresh herbs.
• Bronze (#6B3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Weathered 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

• Taupe Lantern color palette (#FCF1FD, #E8D6D6, #D9BB97, #C1A96B, #594353)
• Patina Station color palette (#FFF3E6, #EFD9D6, #D1E6B6, #91D3C5, #5A4300)
• Fern Quarry color palette (#FAF5E9, #E0E2B4, #AABD97, #AC9298, #515100)
• Dusty Coast color palette (#FFF2EF, #FFBDB8, #EEA47D, #B19166, #614E00)
• Quiet Mint color palette (#FFF3E9, #FFD5E8, #FFC187, #82C66F, #442E00)
• Worn Sand color palette (#FFF3E7, #FFC996, #89D2F4, #CF9D6D, #375548)
• Frosted Lantern color palette (#FCF8C2, #FFD0BD, #EFC900, #00C8B2, #1D2F00)
• Timeworn Corridor color palette (#FDEEE9, #FF9395, #A07038, #5F514C, #262020)

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