Wandering Cocoa Harbor color palette — #DCF6DA · #8DB2A4 · #76709D · #604700 · #2F2F28

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

The five colors

• Honeydew (#DCF6DA): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8DB2A4): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#76709D): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#604700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#2F2F28): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Wandering 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

• Softworn Orchard color palette (#C8E9D6, #C09EBD, #7E6B96, #5A4D00, #2F2E27)
• Ancient Cocoa color palette (#CAE6FF, #B896B4, #6F719C, #6C4647, #593000)
• Aged Powder color palette (#B3EFF5, #92BEE7, #8589B1, #4E705A, #294C36)
• Cobalt Veranda color palette (#FBEFEA, #AAD3B6, #0087B5, #005D4B, #2D1630)
• Worn Balcony color palette (#E3F0FD, #878AD9, #9B5683, #264F1E, #002E14)
• Aged Ash color palette (#EFF6FF, #CEDAF9, #A393C2, #885662, #483247)
• Aged Pine color palette (#F6F2E3, #8CAA7E, #007751, #2C5037, #1D1E04)
• Timeworn Aubergine Thicket color palette (#CDEAED, #5882AA, #5E4484, #302E00, #0A1500)

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