Cocoa Dune color palette — #B3F5E0 · #5DAABF · #5E77A2 · #784310 · #3E3C35

Bronze and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#B3F5E0): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#5DAABF): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5E77A2): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#784310): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#3E3C35): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Chestnut Boulevard color palette (#CCF3F0, #80AFC9, #8A6B7D, #7E4C15, #504100)
• Petrol Market color palette (#E2EADD, #92B193, #597195, #634625, #39250A)
• Tempered Quarry color palette (#BAEBDD, #8FC9BE, #7393B5, #786336, #294931)
• Gentle Periwinkle color palette (#CBE5E9, #62A1EA, #755C9F, #555400, #1B451C)
• Azure Workshop color palette (#C8EFE1, #2995D4, #8B4500, #595500, #0A3329)
• Aged Driftwood Archive color palette (#C6EFFA, #9EC9DE, #83A7D0, #AB737D, #54394A)
• Quiet Dune color palette (#DCF5ED, #26A5F4, #AA4900, #005C8E, #4F2A17)
• Antique Ash Market color palette (#E3F1FF, #A7A4DB, #986B8B, #4C6844, #37552F)

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