Cocoa Harbor color palette — #FAF2F9 · #D4A378 · #833433 · #4B1D1C · #271E26

A conversation between Rust and Camel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Camel (#D4A378): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#833433): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#4B1D1C): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#271E26): quiet, heavy and certain.

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

• Dusty Chestnut Garden color palette (#FCF2F6, #D9BA93, #844F2C, #4D2D3D, #2D2424)
• Aged Mustard Atelier color palette (#F9EDFC, #BBB76B, #803C4D, #331E38, #100A12)
• Dusty Delta color palette (#E9FBE7, #CF9613, #643F00, #372100, #0C200B)
• Amber Studio color palette (#F5DCEB, #CA7F00, #652300, #320D00, #0F0700)
• Weathered Taupe color palette (#FBF1FF, #C6DFB0, #BA8293, #6E5B76, #271D2C)
• Washed Bronze color palette (#FFEAD9, #D6A970, #9B7000, #615100, #464000)
• Cellar Bronze Loft color palette (#E9DBE5, #995C00, #292614, #3B0600, #0F0100)
• Aged Bronze color palette (#FAF3F6, #E4D8D6, #B1C9C3, #9B6640, #4E4549)

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