Cocoa Harbor color palette — #FEE5FF · #A36882 · #853A32 · #053507 · #001410

Rust and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FEE5FF): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#A36882): A full-bodied, balanced rose — the color of pressed rose petals.
• Rust (#853A32): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#053507): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001410): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Tempered Lagoon color palette (#FFE7F4, #9C5C64, #6E3200, #002718, #000A0A)
• Timeworn Mulberry Lagoon color palette (#EBEEFF, #8869AC, #763265, #392C00, #131200)
• Worn Hollow color palette (#DDDFFC, #B46194, #754A37, #003F46, #062536)
• Aged Blush color palette (#EDE1F1, #D475A0, #9F5C57, #24564E, #002F26)
• Inked Chestnut Parlor color palette (#F1DEDE, #7B4F3B, #422F00, #001C1D, #000407)
• Tempered Chestnut color palette (#F4DED7, #A38565, #6C6327, #004350, #2C142D)
• Airy Scarlet Alley color palette (#FED4CE, #CF4A4F, #830017, #3D0102, #070000)
• Dusty Canyon color palette (#FFEAEB, #DAACA5, #B27C68, #53601A, #303F2C)

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