Cocoa Harbor color palette — #FFF2EB · #DFCBB1 · #88AF87 · #975A6F · #5C2700

Espresso and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#DFCBB1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#88AF87): A luminous, dusty green — the color of a quiet forest floor.
• Pewter (#975A6F): A full-bodied, balanced rose — the color of a warm blush.
• Espresso (#5C2700): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Pewter Hollow color palette (#FFF2EB, #F0CAB5, #AF9E74, #7F6199, #5C2F3B)
• Bronze Chapel color palette (#FFF3E2, #D2D2A5, #68A5A7, #976237, #583600)
• Driftwood Canyon color palette (#FDF3EA, #D9D2A0, #739661, #835931, #31260B)
• Weathered Cypress color palette (#F6DBC4, #82B6A9, #3B7E7D, #5F4D70, #4D3947)
• Garnet Meadow color palette (#FFD4C8, #B1AF6E, #4C8270, #65272A, #380700)
• Patina Basin color palette (#C6EADA, #9CD4CC, #7BB4A8, #7781A5, #463F58)
• Chestnut Summit color palette (#FFF4DC, #D5E0CC, #B9CAB6, #A7866B, #664E00)
• Onyx Delta color palette (#F3E5C8, #74996D, #007374, #501700, #180300)

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