Cocoa Harbor color palette — #F9EDFF · #D5B8D9 · #AC7071 · #833529 · #541A00

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Blush (#F9EDFF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#D5B8D9): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#AC7071): A luminous, dusty red — the color of embers at dusk.
• Rust (#833529): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#541A00): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Driftwood Dune color palette (#FFF1F4, #DDA6C8, #B8696D, #8D4932, #664103)
• Softworn Amber color palette (#F0D8D3, #C26F50, #843F00, #4B2800, #170C00)
• Sunlit Mulberry Pier color palette (#F0F0FF, #BEB7DF, #A572A0, #7A3363, #500D32)
• Dusty Chestnut Atelier color palette (#FFEBF7, #DDB396, #AB7C47, #744E00, #3D2C00)
• Tempered Driftwood color palette (#F3F0F6, #DBD4D7, #BAABAA, #A4708B, #39343D)
• Washed Bronze color palette (#F4DCCF, #A55F00, #643F00, #2A1C00, #070500)
• Rust Harbor color palette (#FDEAE9, #E97969, #BB3C00, #6B2F00, #2C1400)
• Worn Driftwood color palette (#F3EAF3, #B26B73, #463543, #261927, #0E0B10)

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