Weathered Cocoa color palette — #FFF2E9 · #DED9CC · #D49F91 · #97B1B4 · #603500

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Bone (#DED9CC): a clean, paper-quiet neutral.
• Rosewood Mist (#D49F91): A luminous, dusty orange — the color of sun-warmed clay.
• Ash (#97B1B4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Bronze (#603500): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Hushed Orchard color palette (#FFF4DD, #D6E4C3, #CACCD9, #C0AB88, #5B4700)
• Washed Taupe Lantern color palette (#FCF5E3, #DDE2AD, #A6A065, #776A40, #33322B)
• Aged Rust color palette (#FDECF6, #E6D2D0, #CFC598, #AA5F61, #452B38)
• Muted Driftwood color palette (#FFF2EB, #DFDEC9, #B2D7B1, #AA6A93, #683E00)
• Wandering Driftwood Lantern color palette (#F9F7D6, #BEF1DF, #8AD5EB, #8F9357, #35352E)
• Frosted Mustard Quarry color palette (#FEF4E4, #DEAA00, #5DB192, #9C5C6D, #2F220D)
• Frosted Dune color palette (#E7DDCB, #BAB50C, #7B9345, #593C00, #020100)
• Chalky Sunflower color palette (#FFF3E5, #DBDFC8, #F1DC32, #BD6F26, #402A00)

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