Washed Cocoa Harbor color palette — #C8E8E8 · #00686A · #7B3700 · #4A3300 · #001616

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

The five colors

• Frost (#C8E8E8): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00686A): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#7B3700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4A3300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001616): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Hazy Summit color palette (#C9F2E1, #006B50, #93002D, #5E2400, #00170E)
• Cocoa Studio color palette (#D8F4FF, #00556D, #5D3600, #332B00, #00090F)
• Cobalt Dune color palette (#CEE2F0, #007AAD, #865A00, #534F00, #00273C)
• Quiet Bronze color palette (#F4E3D3, #917100, #683700, #510306, #151800)
• Nightshade Delta color palette (#D1E4ED, #006373, #3F2AB7, #004917, #000406)
• Worn Amethyst color palette (#EEEDFF, #6B45E1, #5F6400, #235424, #1E1A3A)
• Quiet Lilac color palette (#A5EEEF, #7BC3FE, #9B77D4, #005630, #002934)
• Pale Cerulean color palette (#DCFFEB, #0098B8, #B06439, #815B08, #223F30)

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