Weathered Cocoa Harbor color palette — #DFEFE9 · #65A6BC · #586A94 · #6E4400 · #1F2C00

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

The five colors

• Honeydew (#DFEFE9): bright and airy, almost weightless.
• Blue Fog (#65A6BC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#586A94): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#6E4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#1F2C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered Cocoa Harbor 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

• Patina Pewter Bloom color palette (#D3F8FF, #7297C1, #8064A3, #4F4900, #00301B)
• Gentle Garnet Veranda color palette (#E6E1C2, #70A791, #037786, #802425, #3F2300)
• Dusty Sky Lantern color palette (#93F0FB, #6DB3F7, #7C6B93, #503B15, #211400)
• Antique Fern color palette (#D7F6FC, #87ADD6, #9D7DB3, #65680E, #004F32)
• Tempered Atelier color palette (#D9EDFD, #686D9E, #70486A, #153B01, #001915)
• Worn Petrol color palette (#F9EAE3, #99BBA1, #0080A8, #005B47, #00203F)
• Periwinkle Loft color palette (#DDF1FF, #6BA2F3, #7980B3, #855573, #461A2A)
• Softworn Nightshade Archive color palette (#D3E0EF, #6879AA, #51458E, #55263E, #3C1929)

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