Cocoa Harbor color palette — #FFEEE7 · #B1AE83 · #3A858B · #7F3A37 · #2A2F1B

Rust takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Sage (#B1AE83): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#3A858B): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#7F3A37): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#2A2F1B): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Wandering Chestnut color palette (#FAF0E2, #86B8A1, #537E9C, #6A4C00, #213120)
• Patina Lagoon Cabin color palette (#FEF4E3, #77B899, #1D868E, #6E4C68, #414B3C)
• Chestnut Grove color palette (#F3F2EA, #BEC8AC, #708B6F, #6D6213, #293700)
• Cypress Coast color palette (#F7F0ED, #C9E3E0, #75A899, #2F7B61, #472C40)
• Weathered Orchard color palette (#FCF1FD, #9FCD94, #32A2BA, #915E66, #364C4E)
• Ancient Emerald color palette (#FFEEE3, #37AA5A, #006C8A, #692600, #00221C)
• Antique Lagoon color palette (#E7F1E3, #3E9386, #2C4137, #182114, #0C0D07)
• Aged Pewter Summit color palette (#EDF9EF, #B8EAD1, #5EB1B8, #925D89, #274549)

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