Cocoa Harbor color palette — #FBEAEF · #B86774 · #803424 · #231B00 · #000503

Built around Rust, softened by Mocha — the whole palette hums with sophistication.

The five colors

• Blush (#FBEAEF): bright and airy, almost weightless.
• Mocha (#B86774): A luminous, balanced red — the color of embers at dusk.
• Rust (#803424): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#231B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Cocoa Dune color palette (#F3E2DF, #A36B4C, #683F00, #152900, #000201)
• Tempered Chestnut color palette (#EED6E8, #B76E82, #9A543D, #2B573C, #001615)
• Hazy Ember Bloom color palette (#F4E0DC, #EE3903, #6D1800, #1C190C, #0F0100)
• Ancient Violet color palette (#EBE3F5, #9B65AC, #663F5C, #34162A, #030100)
• Cellar Pier color palette (#F0DCEC, #7F4350, #512819, #001F0A, #000303)
• Plum Corridor color palette (#FCEAEF, #CC005E, #6E0024, #260004, #050000)
• Patina Studio color palette (#FFEAE3, #E9975E, #966F38, #2E5123, #002110)
• Bronze Archive color palette (#E1F6E7, #897C00, #3D3F00, #330B12, #010100)

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