Weathered Cocoa color palette — #F6F3FF · #EBD6DE · #DFA4BF · #A0625E · #632B0F

Rust and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Silver (#EBD6DE): A whisper-light, dusty rose — the color of pressed rose petals.
• Carnation (#DFA4BF): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#A0625E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#632B0F): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Peony Lagoon color palette (#FFF1F7, #CEA9D0, #B6688C, #864645, #6C3412)
• Bronze Veranda color palette (#F8F2FF, #EBD9D1, #D89F8D, #99703D, #524300)
• Soft Rust Chapel color palette (#FFF0FE, #F48CB5, #C64F47, #6D3700, #180D00)
• Antique Amber Balcony color palette (#FFF0FA, #FFBAC6, #CF745C, #764400, #2F2300)
• Dusty Coral Grove color palette (#FFD0E5, #F8727A, #9A3E00, #462A00, #080600)
• Antique Archive color palette (#F4F4FF, #E7D7DF, #D1BABB, #758B94, #40555D)
• Dusty Blush Bloom color palette (#F8F2FD, #E093B8, #5F4E5C, #2E2833, #0F0F14)
• Softworn Petal Quarry color palette (#E8FAF3, #EBD1FF, #C6919A, #3F7F7E, #423B51)

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