Weathered Cocoa color palette — #FFECEF · #E2A0A2 · #AB5B52 · #852700 · #3C1800

Built around Rust, softened by Brick — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FFECEF): A whisper-light, dusty red — the color of late-summer berries.
• Rose Quartz (#E2A0A2): A luminous, dusty red — the color of late-summer berries.
• Brick (#AB5B52): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#852700): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3C1800): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Bronze Summit color palette (#FFEAE3, #DAA282, #A9692C, #653E00, #2F2000)
• Feathered Garnet color palette (#FFEBF9, #D29DB7, #AB5B77, #830C37, #4D000D)
• Feathered Veranda color palette (#FFE3FE, #D690AA, #B44D4C, #7D3A00, #4D3600)
• Washed Ember color palette (#FFEEF1, #FBA3A5, #D7675D, #A0492A, #602600)
• Softworn Fern Hollow color palette (#E6F8E5, #CA8982, #945A3D, #424D00, #31192B)
• Velvet Terracotta Orchard color palette (#FADBD9, #A03A2A, #6B1F00, #260C00, #040100)
• Timeworn Boulevard color palette (#F4F0F6, #DBD4D7, #C9B6BB, #9F5E74, #2F2A32)
• Misty Ember Lantern color palette (#FAEDF8, #FFCFDA, #FF9D9C, #DB6117, #3C120B)

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