Cocoa Harbor color palette — #DDE1EF · #946990 · #783D37 · #001D34 · #000010

Rust takes the lead with Slate close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#DDE1EF): bright and airy, almost weightless.
• Slate (#946990): A full-bodied, dusty pink — the color of peonies in June.
• Rust (#783D37): A full-bodied, balanced orange — the color of autumn markets.
• Midnight (#001D34): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000010): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged vintage, retro, 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

• Worn Study color palette (#FADDDD, #99687C, #78461A, #0D2057, #040002)
• Wandering Iris Garden color palette (#D4EDFB, #847CB6, #6A3648, #002C2D, #000303)
• Tempered Quarry color palette (#F8EAFC, #A54A5B, #4B3000, #00242D, #030D19)
• Hushed Chestnut color palette (#F3D9E3, #B46B63, #975219, #00594A, #001418)
• Chalky Grove color palette (#F6D7E9, #B47B7C, #735710, #37145B, #1B0012)
• Lowlit Plum Atelier color palette (#FBE6F3, #B93161, #7B0700, #1C0B00, #020100)
• Wandering Loft color palette (#FFE0D0, #BA6C01, #642E00, #140500, #030100)
• Chestnut Balcony color palette (#F4E9DB, #744A00, #005155, #00393E, #020100)

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