Cocoa Harbor color palette — #DDEEE3 · #006A7F · #832900 · #00323E · #220500

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DDEEE3): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006A7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#832900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#00323E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#220500): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Dusty Hollow color palette (#D4E8E3, #0061A8, #6C4000, #002D54, #1A0C00)
• Aged Veranda color palette (#D6EAD1, #006E66, #8C0045, #003530, #25000D)
• Quiet Terracotta Lantern color palette (#CEEBF7, #008796, #A24800, #004F58, #1F0800)
• Mulberry Villa color palette (#C7EAF8, #00556D, #740053, #353200, #00090E)
• Rust Canyon color palette (#C4ECFF, #0091BE, #B84700, #005673, #501A00)
• Frosted Ultramarine color palette (#F1E0EE, #274DD2, #614700, #08008E, #170E00)
• Deep Loft color palette (#DDEFF9, #0078A6, #003B55, #00141D, #000305)
• Timeworn Cabin color palette (#FEEDD6, #7D640A, #4D3200, #2E1400, #0D0C00)

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