Weathered Cocoa color palette — #F1D7E1 · #A9747E · #833B33 · #251B00 · #020200

Built around Rust, softened by Mocha — the whole palette hums with sophistication.

The five colors

• Shell Pink (#F1D7E1): A whisper-light, dusty rose — the color of pressed rose petals.
• Mocha (#A9747E): A luminous, dusty red — the color of a theater curtain.
• Rust (#833B33): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#251B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020200): a grounded near-black with real depth.

Feels like: 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

• Hushed Bronze Grove color palette (#F6E2DF, #B76E4D, #764717, #1C2C00, #000200)
• Weathered Onyx Corridor color palette (#F0EAFF, #9473A4, #61345A, #480F00, #060200)
• Aged Workshop color palette (#E2DEEE, #AC669A, #8A5855, #0D524A, #001512)
• Shadow Atelier color palette (#FBDDDE, #CC4C5A, #750022, #1E0003, #040000)
• Cellar Basalt Hollow color palette (#F6E4FF, #754B62, #59282C, #092000, #000704)
• Timeworn Chestnut Coast color palette (#F1DBCD, #AF8141, #725D00, #004224, #00130E)
• Dusty Coral Bloom color palette (#F7E5E3, #DC8E75, #A26B3E, #3E4D10, #1A1C00)
• Plum Courtyard color palette (#EDD7E5, #BA2081, #720042, #310014, #040001)

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