Weathered Cocoa color palette — #D9EEDE · #959C6E · #7B5F15 · #6A3306 · #043934

Built around Bronze, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D9EEDE): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#959C6E): A luminous, dusty green — the color of new leaves after rain.
• Olive (#7B5F15): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6A3306): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#043934): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Harbor color palette (#F3E3EB, #AD9268, #925027, #73242F, #17382A)
• Hushed Quarry color palette (#DDF3E8, #759264, #5D5800, #4E3000, #002C1C)
• Bronze Chapel color palette (#D9EEDE, #B5B178, #9D7B0E, #7B5115, #18372E)
• Antique Pewter color palette (#F0F8EF, #A1C1AE, #6E896C, #735168, #334E47)
• Hushed Chestnut color palette (#F2E0E9, #875F0B, #5C2600, #3C000D, #0D0C00)
• Cobalt Villa color palette (#E4F0FC, #3174B1, #5E559C, #683500, #0C2842)
• Tempered Chapel color palette (#EDF7FA, #4BAAAC, #774491, #005B5D, #17152B)
• Taupe Orchard color palette (#E2F1FA, #C48994, #004B5B, #002630, #080F1B)

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