Weathered Cocoa color palette — #FFF2EE · #E1D7CF · #DDB2B1 · #9FB2B0 · #804129

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E1D7CF): a clean, paper-quiet neutral.
• Rosewood Mist (#DDB2B1): A luminous, dusty red — the color of embers at dusk.
• Ash (#9FB2B0): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#804129): A full-bodied, balanced orange — the color of toasted spice.

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

• Patina Coral color palette (#FFF2EC, #DFD9CD, #B7C7D4, #C87989, #5F3625)
• Tempered Bloom color palette (#E5FFCE, #FFE9E2, #D5CAD1, #693106, #2C241F)
• Weathered Bronze color palette (#FFF3E6, #DDE5BB, #C8A883, #A36C3C, #4F3C00)
• Weathered Canyon color palette (#FFF2E9, #FCAF80, #6DBDC5, #6B82AB, #36302C)
• Washed Cocoa Orchard color palette (#FEF3EC, #DEE3CB, #AC7860, #6C3604, #231912)
• Sunflower Coast color palette (#FFECC7, #D5DD67, #73AF6D, #714200, #040300)
• Aged Garden color palette (#FFF3E8, #FFE8A9, #A4BF65, #9F573C, #190E00)
• Powdered Ridge color palette (#FFE8E6, #FF955A, #B68203, #702340, #050000)

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