Cocoa Harbor color palette — #FDF4E9 · #E9D7B6 · #CFB186 · #A88C74 · #584500

A conversation between Deep Olive and Sand, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF4E9): a clean, paper-quiet neutral.
• Wheat (#E9D7B6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#CFB186): A luminous, dusty gold — the color of old brass.
• Caramel (#A88C74): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Timeworn Coral Station color palette (#F8E3D7, #E2B79B, #E17F5D, #A16866, #342F2A)
• Soft Summit color palette (#FBEDD0, #C8CF86, #BDA300, #A37719, #36362F)
• Rust Station color palette (#F7E2D3, #CA9257, #C15B00, #903C2C, #1F1400)
• Patina Lagoon color palette (#ECFAEB, #B4ECE9, #9AB898, #8D7083, #31443F)
• Softworn Driftwood Studio color palette (#EBF5EC, #AAC2AF, #6C8C6E, #6D4E58, #203026)
• Mallow Chapel color palette (#FFF1F2, #EDA9DB, #A2C383, #67A7A1, #493839)
• Hushed Moss color palette (#E7E1CD, #A6BB7C, #969400, #82680B, #252606)
• Apricot Veranda color palette (#FBF3F3, #FFCDE9, #F2A16F, #D593B9, #332C28)

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