Weathered Cocoa color palette — #C4F6C8 · #63BAB8 · #457E9E · #834129 · #5E3E0D

Bronze and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#C4F6C8): A whisper-light, balanced green — the color of new leaves after rain.
• Turquoise (#63BAB8): A luminous, balanced teal — the color of glacier melt.
• Slate (#457E9E): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#834129): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#5E3E0D): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Pale Cerulean Balcony color palette (#F8EBC6, #87C09F, #0090A1, #854C52, #624417)
• Petrol Field color palette (#CDEADB, #63A3A9, #466DAB, #683A00, #383200)
• Wandering Cobalt Alley color palette (#DCF8D6, #6AB4CF, #6676BD, #6A5828, #44453E)
• Driftwood Field color palette (#BBFBED, #9EDCE6, #82B4D8, #B7758B, #723D2E)
• Teal Courtyard color palette (#F6F8DE, #58B891, #007975, #3D5A2D, #393C35)
• Dusty Hollow color palette (#DAFFF0, #29B0EC, #D20912, #00648B, #60251F)
• Airy Scarlet Station color palette (#CCF8DB, #008FA5, #D60815, #715F00, #003741)
• Timeworn Corridor color palette (#B3F0F5, #1CB9D8, #5285A3, #594778, #3F2247)

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