Weathered Cocoa color palette — #FFF3E4 · #FCC0B3 · #B2B27A · #A37E9A · #683B00

A conversation between Bronze and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Wheat (#FCC0B3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#B2B27A): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#A37E9A): A luminous, dusty pink — the color of peonies in June.
• Bronze (#683B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, muted, warm.

Use it as a design system

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

• Wandering Chapel color palette (#FBF5E5, #F6BED2, #CCA77A, #6D90AF, #713319)
• Weathered Fern color palette (#FFF2EB, #E7CE92, #80BEA0, #9B7FAA, #544700)
• Ancient Workshop color palette (#FDF4E5, #FFD3AF, #ABA472, #2D7C9E, #573800)
• Aged Stone Lagoon color palette (#FFF1F0, #DFDAC7, #C7C2A8, #B49A9E, #634A4D)
• Weathered Oat color palette (#FFF3E8, #EEBB96, #7BB1D1, #6D88B3, #553650)
• Stone Basin color palette (#EAFAED, #E3B38A, #9A9467, #4F748C, #3D4C3D)
• Softworn Mustard Atelier color palette (#FCF0E0, #D9AF6B, #857E35, #724C00, #26201D)
• Muted Clover color palette (#FFF3E8, #FFAA68, #7CBA4B, #7561B9, #453200)

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