Patina Cocoa Harbor color palette — #E6FBF2 · #D1DEFC · #F0C19D · #5FA3C9 · #673A00

Bronze takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Powder Blue (#D1DEFC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Wheat (#F0C19D): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cyan (#5FA3C9): A luminous, balanced blue — the color of open sky before noon.
• Bronze (#673A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Patina 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

• Iris Lantern color palette (#FFF0F9, #E5D6EF, #CED099, #8F93D5, #554500)
• Sky Loft color palette (#ECF7FF, #ACDCFB, #EFBB91, #4FB3EC, #644150)
• Aged Teal Market color palette (#EEF9EB, #A7F7ED, #F8B8BE, #49ADA2, #613B31)
• Hushed Stone color palette (#E9FAF1, #E6D5CF, #AAC6A5, #A6A69B, #5A4D59)
• Bronze Basin color palette (#FBF4E7, #D3E5C5, #BDAC8D, #A26D3A, #3C4500)
• Amber Courtyard color palette (#EEF6FF, #89B4E1, #CD8365, #4576A7, #604255)
• Hushed Chapel color palette (#E1FDF3, #9BD3FF, #DDB186, #C3996F, #273E37)
• Washed Petrol color palette (#FFEFFF, #D8D3DD, #94BCE7, #456A95, #142F4C)

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