Cocoa Harbor color palette — #FEF3EA · #BFE8D0 · #B2B187 · #7D8A7C · #594200

Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Celadon Mist (#BFE8D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B2B187): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#7D8A7C): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#594200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Washed Driftwood color palette (#F9F5E9, #B5EAF0, #80BCAE, #9B843C, #464B00)
• Cypress Garden color palette (#FDF2F5, #AACAB7, #628B7F, #3E6F73, #405247)
• Aged Taupe color palette (#FEF3EB, #FAE3AD, #95A671, #876E79, #3C3831)
• Hushed Fern color palette (#F5F2E9, #CBC4A6, #7B895E, #62661D, #33312A)
• Aged Powder color palette (#FBF4EE, #C1E4F6, #C6BFF1, #819A79, #5C4652)
• Muted Sand color palette (#E8FAF2, #CEDFFE, #F9BE88, #69A2BF, #653B00)
• Hushed Powder color palette (#E4FCF2, #8ED6FF, #DBB37E, #B99D79, #283E35)
• Mint Garden color palette (#FFF4DF, #A3CA76, #148B62, #325B47, #1B1900)

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