Weathered Cocoa color palette — #FAE2D9 · #832C00 · #004569 · #1E284E · #140200

Rust and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#FAE2D9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#832C00): A full-bodied, balanced orange — the color of autumn markets.
• Navy (#004569): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#1E284E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#140200): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged 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 Mulberry color palette (#FCE8EB, #8F003F, #004954, #0F2E43, #160005)
• Nightshade Grove color palette (#EBDDC8, #674500, #1927A7, #111E7E, #0D0600)
• Shadow Bronze Balcony color palette (#FCEED8, #896600, #1E2A2B, #271B00, #070400)
• Deep Canyon color palette (#EFDAD0, #773100, #3E4200, #550041, #030100)
• Dusty Garnet Alley color palette (#F8E2DB, #935700, #671800, #3A0018, #0F0B00)
• Antique Grape Balcony color palette (#FCEDD0, #7F6900, #6B3FB3, #553A87, #2A1D00)
• Quiet Atelier color palette (#FFE5D8, #C86222, #0050A1, #3F2C89, #3E1700)
• Worn Amber Lantern color palette (#FEDCD3, #BE9513, #3E8749, #721643, #291200)

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