Weathered Cocoa color palette — #FFE8F5 · #AA6F00 · #893400 · #5D0422 · #000F07

A conversation between Rust and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Blush (#FFE8F5): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#AA6F00): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#893400): A full-bodied, balanced orange — the color of toasted spice.
• Mulberry (#5D0422): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#000F07): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Balance, Grounding. Tagged earthy, 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

• Worn Cocoa Archive color palette (#EEE1D8, #AD7A42, #803200, #46000C, #020100)
• Frosted Summit color palette (#D6ECD6, #888100, #6E4B00, #541C00, #040F00)
• Pale Rust Archive color palette (#F9EAF1, #C8793A, #AE4D00, #862700, #150800)
• Tempered Bronze Cabin color palette (#FCD9C8, #965500, #5E2500, #3C0101, #130900)
• Garnet Coast color palette (#F9D1E3, #CD9C26, #B45C00, #971929, #2A2C00)
• Pale Bronze color palette (#D7F8E5, #8AAB62, #817200, #6F4100, #002B2A)
• Feathered Cabin color palette (#D8F6F3, #238740, #69007D, #512A00, #000701)
• Faded Bronze Dune color palette (#E0F5E5, #AFBC79, #A58100, #934A00, #1E3E21)

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