Weathered Cocoa color palette — #EFE3D3 · #5F616A · #654700 · #151A14 · #050600

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

The five colors

• Parchment (#EFE3D3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Graphite (#5F616A): quiet, heavy and certain.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#151A14): quiet, heavy and certain.
• Ink (#050600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Garnet Thicket color palette (#FAD7C6, #6A666E, #8F1800, #1C1C11, #0B0400)
• Mustard Thicket color palette (#FCF5E2, #C0B12C, #575908, #2F2B20, #120F0B)
• Jade Corridor color palette (#EEFAE2, #00B98E, #334E39, #1A2113, #050602)
• Bronze Chapel color palette (#FBEBD6, #8C6100, #273900, #1C1E12, #0D0600)
• Dusty Harbor color palette (#F6E5CD, #947700, #525400, #1F3100, #000300)
• Deep Forest Study color palette (#D8E6DD, #007245, #2D363B, #001716, #010100)
• Aged Terrace color palette (#FAF7D9, #7CA200, #08472F, #191600, #030100)
• Airy Delta color palette (#EEE0BD, #6BA012, #005D34, #4D102A, #010100)

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