Weathered Cocoa color palette — #F9E1ED · #9C5F61 · #6F3300 · #003323 · #031B28

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

The five colors

• Blush (#F9E1ED): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#9C5F61): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#6F3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#003323): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#031B28): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Sophistication. Tagged vintage, 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

• Basalt Corridor color palette (#FFDFDD, #855D47, #4D3A00, #002528, #070C1E)
• Wandering Garnet Meadow color palette (#EDE2FF, #8C6787, #6F3441, #263000, #00210F)
• Muted Garnet color palette (#E9DAE2, #7C6497, #6C3345, #002633, #080028)
• Antique Bronze color palette (#F2D6E2, #BF7F7F, #A85C23, #29634D, #002325)
• Moonless Bronze color palette (#FBECE4, #AC5100, #552600, #210B00, #060100)
• Hushed Onyx Cabin color palette (#DFE5FF, #9570A7, #924549, #00425C, #151054)
• Chalky Terracotta color palette (#FDE0D0, #A62F00, #005563, #531300, #001317)
• Wandering Aubergine color palette (#FFE9E1, #803000, #004D35, #2F0086, #130300)

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