Cocoa Harbor color palette — #FCE5CF · #B3AC81 · #3D8477 · #744342 · #6A2D14

A conversation between Rust and Fern, giving this palette its sense of nature and growth.

The five colors

• Parchment (#FCE5CF): A whisper-light, dusty gold — the color of old brass.
• Sage (#B3AC81): A luminous, dusty green — the color of new leaves after rain.
• Fern (#3D8477): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#744342): A full-bodied, dusty orange — the color of toasted spice.
• Rust (#6A2D14): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Weathered Balcony color palette (#EBE0C0, #7AB197, #3D7C91, #7E451D, #683103)
• Wandering Drift color palette (#D9ECB9, #86C396, #549995, #8A6171, #523839)
• Washed Pine Hollow color palette (#FDF3E8, #9DA063, #37723A, #4F4A44, #37352F)
• Worn Dune color palette (#E2F5EF, #88B598, #398281, #464769, #2F263C)
• Timeworn Sand Terrace color palette (#E9E2AF, #9DCCC8, #8AB2BC, #A27484, #653848)
• Hushed Garnet Meadow color palette (#F3E0C3, #72875B, #00696C, #611B1D, #3D1B01)
• Washed Bronze color palette (#F6F8DC, #B5C8B4, #9B879A, #9C6337, #674E00)
• Muted Coast color palette (#E9F4C9, #5FC0D1, #717AAC, #6E5528, #494600)

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