Cocoa Harbor color palette — #E8DCE3 · #CBB3BD · #AA8692 · #642600 · #030002

Rust and Dusty Rose set the tone — five colors that lean into optimism and sophistication.

The five colors

• Silver (#E8DCE3): a clean, paper-quiet neutral.
• Rosewood Mist (#CBB3BD): A luminous, dusty rose — the color of strawberry cream.
• Dusty Rose (#AA8692): A luminous, dusty rose — the color of a warm blush.
• Rust (#642600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Patina Garnet Villa color palette (#EEE6F2, #C7B3CB, #A387A1, #6D0C3C, #030005)
• Cocoa Canyon color palette (#EEDEE3, #AEC1AD, #7F9A84, #583100, #040001)
• Onyx Lagoon color palette (#EAE2E8, #949C94, #59796B, #511000, #140310)
• Washed Bronze Veranda color palette (#F9EDE6, #968B81, #8A6321, #4B1600, #030100)
• Terracotta Basin color palette (#E9E0E5, #AD9C9A, #739C93, #9F431D, #10060C)
• Washed Fern Harbor color palette (#E4F2EC, #BED6CE, #84B1A7, #4F5200, #000402)
• Pale Tangerine Delta color palette (#FDD2E3, #FE7F3C, #BA6B00, #7A5900, #020100)
• Olive Field color palette (#D4E8DB, #807F11, #374100, #2C1400, #010100)

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