Weathered Cocoa color palette — #FFF3E3 · #FFD2B8 · #C09B69 · #587E59 · #5D3400

Cocoa and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Peach Cream (#FFD2B8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C09B69): A luminous, dusty gold — the color of afternoon light on wheat.
• Fern (#587E59): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#5D3400): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

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

• Aged Sand Atelier color palette (#FFF2EA, #FCBA9B, #A79B5E, #4A7754, #532A34)
• Washed Bronze Courtyard color palette (#ECFAED, #D59775, #9D6C23, #416340, #544249)
• Hushed Grove color palette (#FCF4E6, #FCBEC1, #C9A87E, #6A8EC0, #6F350F)
• Softworn Station color palette (#FFF3E6, #DBDDCA, #CCC4AC, #899180, #485745)
• Patina Marigold Balcony color palette (#FFF4DF, #CF9700, #766D00, #004B3D, #191100)
• Muted Oat color palette (#FCF5E1, #CDD288, #7A9F61, #236F77, #33322B)
• Wandering Apricot color palette (#FDF3EB, #E09D6E, #754A04, #322922, #130E0B)
• Ancient Mustard Lagoon color palette (#FFF4E0, #F7AE47, #9F8400, #00694C, #362400)

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