Weathered Cocoa color palette — #F9E5D5 · #7E3F00 · #00504C · #00302D · #040100

Bronze and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F9E5D5): A whisper-light, dusty gold — the color of old brass.
• Bronze (#7E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#00302D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. 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

• Shadow Onyx color palette (#F3DDCE, #8D3D00, #003F4E, #1A0052, #02000D)
• Worn Mulberry color palette (#F1DFDB, #9A0042, #005242, #003127, #060001)
• Midnight Cocoa color palette (#D0ECD5, #644800, #354200, #001B29, #000200)
• Timeworn Rust Garden color palette (#FFE7E9, #B45300, #584500, #1D2500, #000401)
• Garnet Villa color palette (#F4DDED, #691000, #00322B, #001424, #060000)
• Terracotta Lantern color palette (#FFE9CF, #AB3500, #3D4100, #1C0060, #070200)
• Hushed Navy color palette (#F0DFC6, #6B4D00, #023F92, #00255D, #030100)
• Sunlit Scarlet Atelier color palette (#FCE8E1, #CD3044, #2D5000, #6E0018, #010200)

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