Weathered Cocoa color palette — #FFF4E0 · #D8E3BD · #B8C296 · #9A784A · #5D4500

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

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Celadon Mist (#D8E3BD): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#B8C296): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#9A784A): A full-bodied, dusty gold — the color of old brass.
• Bronze (#5D4500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Cocoa Loft color palette (#FFF2EB, #E0DAC8, #E8C293, #9F6C63, #76400F)
• Cocoa Parlor color palette (#FFF3E4, #BAA37F, #876E4A, #6B4A25, #403D36)
• Tempered Bronze Boulevard color palette (#FCF0DF, #D3E2C5, #93D1CB, #A26349, #312E28)
• Olive Chapel color palette (#ECE9D1, #A9AF59, #548432, #493700, #1D1C00)
• Timeworn Amber Coast color palette (#EBFAEB, #C2E7E7, #9DCDE3, #C98869, #3B5244)
• Hazy Olive Parlor color palette (#F3FAD4, #A9F5C8, #6BCEB7, #578231, #285538)
• Clover Bloom color palette (#F5FBC0, #BBE28D, #65C15E, #726700, #344009)
• Jade Bloom color palette (#E6F2DD, #70AA71, #157758, #303A00, #020E00)

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