Weathered Cocoa Garden color palette — #FFECEF · #E7B0B2 · #B3756E · #7C4330 · #461B00

Coffee and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFECEF): A whisper-light, dusty red — the color of late-summer berries.
• Rose Quartz (#E7B0B2): A luminous, dusty red — the color of embers at dusk.
• Caramel (#B3756E): A luminous, dusty orange — the color of sun-warmed clay.
• Coffee (#7C4330): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#461B00): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Chestnut Pier color palette (#FFEEE3, #DFB48A, #A5814C, #6C5200, #362D00)
• Dusty Atelier color palette (#FFECF0, #D8ADD3, #A27393, #7A425D, #520E2B)
• Chestnut Summit color palette (#F6F3FF, #DCABBD, #B16F6E, #8B4710, #634400)
• Ancient Shell color palette (#FFEDE8, #EED1CB, #FFACAC, #C78E77, #551C00)
• Weathered Amber color palette (#FFE2D6, #CD7134, #834900, #422900, #140C00)
• Dusty Driftwood Hollow color palette (#F8EFEE, #DBD5CF, #AFAEA3, #9E7873, #3D3432)
• Linen Tangerine color palette (#FFD5CE, #EE7D56, #B05200, #5F3400, #2E1A00)
• Antique Bronze Coast color palette (#F1DDCB, #A26B00, #5C4100, #292000, #070600)

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