Cocoa Coast color palette — #E7FDDE · #B3DEC2 · #85AACC · #8B5E6C · #632B01

Rust takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E7FDDE): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#B3DEC2): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#85AACC): A luminous, dusty blue — the color of deep harbor water.
• Pewter (#8B5E6C): A full-bodied, dusty rose — the color of a warm blush.
• Rust (#632B01): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Antique Bronze Market color palette (#E4FDE9, #BDE3E3, #98ABDB, #A9664C, #6E4000)
• Muted Seafoam color palette (#F4F9DD, #A8EBDA, #7BA48B, #785775, #4D2B25)
• Hushed Terrace color palette (#CAF0EE, #6DACAF, #697C93, #624756, #341D2A)
• Tempered Station color palette (#A2F0EB, #72B2C8, #446BA7, #6F323D, #250800)
• Misty Terracotta Thicket color palette (#E7F9FF, #A3CDFF, #9A8BD2, #8F4017, #4B3300)
• Patina Harbor color palette (#BFE9F2, #6291BB, #585AB1, #591E0D, #180B00)
• Muted Hollow color palette (#FFF0FE, #EBD2EE, #C298CD, #8D6B30, #3D4001)
• Sky Courtyard color palette (#FAF4EC, #BFE5F4, #5AAFE7, #007E83, #3C243D)

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