Washed Cocoa Pier color palette — #FDF3EC · #E9B5A0 · #7BC6C5 · #769CCD · #602D00

Cocoa and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Sand (#E9B5A0): A luminous, dusty orange — the color of toasted spice.
• Mint Leaf (#7BC6C5): A luminous, dusty teal — the color of sea glass.
• Blue Fog (#769CCD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#602D00): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Washed Cocoa Pier 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

• Worn Garden color palette (#FBF4E9, #DEC48E, #73B9A6, #6B86BE, #5E3532)
• Weathered Canyon color palette (#FEF2F0, #EBAFC5, #9CC29C, #33ABBC, #4C3735)
• Antique Lilac color palette (#FAF4EB, #D7C181, #8BBCE9, #A78BC8, #403D36)
• Frosted Cornflower Studio color palette (#FFF3E7, #FBA035, #00BBD1, #5B77EE, #412300)
• Stone Workshop color palette (#F9F4EF, #D9DAD4, #D4AD80, #AAB5AE, #57514B)
• Washed Apricot Delta color palette (#FAF4F0, #FFD3BC, #A5C28C, #F18E52, #2E2E27)
• Patina Amethyst color palette (#EEDBC3, #D59312, #00A0C8, #7051D7, #271700)
• Moss Drift color palette (#FFF3E7, #F4DAB3, #C5BE84, #8A9C36, #225209)

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