Cocoa Harbor color palette — #F4E8FF · #AD83AE · #8E5075 · #702D00 · #361E00

Built around Rust, softened by Graphite — the whole palette hums with optimism and creativity.

The five colors

• Blush (#F4E8FF): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#AD83AE): A luminous, dusty pink — the color of peonies in June.
• Graphite (#8E5075): A full-bodied, balanced pink — the color of a candy shop window.
• Rust (#702D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#361E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

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

• Faded Garnet Atelier color palette (#DBDEF7, #A18DD5, #805B8D, #781123, #3F0A00)
• Hushed Meadow color palette (#EEDDDD, #B18480, #8E595F, #553900, #251A00)
• Hazy Peony Hollow color palette (#DEDCEF, #BE99E5, #BB5EBB, #923E34, #5B2C12)
• Tempered Field color palette (#FCE3E5, #A3675E, #73482F, #2E3200, #091300)
• Tempered Bronze Loft color palette (#FFD6D3, #CDA299, #AF635C, #6B5300, #302E00)
• Velvet Pewter color palette (#F8E8F3, #834D62, #512428, #1F1300, #050400)
• Byzantium Cabin color palette (#CFE8F0, #839EE2, #8949AE, #4A5400, #00492E)
• Antique Fern color palette (#E6F9FF, #AAD1FF, #A77EC7, #5A6B00, #003926)

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