Weathered Cocoa Pier color palette — #D4F2E5 · #00678E · #7D3000 · #003146 · #200700

Built around Rust, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D4F2E5): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00678E): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7D3000): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#003146): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#200700): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Aged Denim Quarry color palette (#CDE5DF, #0061A7, #5B4A00, #002E53, #140F00)
• Soft Cabin color palette (#DCF8E2, #006C77, #8D003E, #003339, #25000B)
• Washed Field color palette (#CAE7D9, #0083AC, #A94000, #004C66, #200600)
• Faded Courtyard color palette (#C3F0E2, #259BE7, #934C00, #005382, #482200)
• Patina Rust color palette (#CBE4F6, #2DABED, #BA3D00, #006A99, #220500)
• Airy Navy color palette (#FFE1F6, #474CC2, #584C00, #200085, #130F00)
• Olive Thicket color palette (#EBDFCC, #676E13, #483500, #311200, #011001)
• Plum Quarry color palette (#D4F1E3, #97A3E1, #A34F9D, #004B44, #001E34)

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