Cocoa Dune color palette — #CAEEE4 · #C39BB7 · #8C6672 · #734501 · #32431C

Bronze and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CAEEE4): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#C39BB7): A luminous, dusty pink — the color of neon signs at night.
• Pewter (#8C6672): A full-bodied, dusty rose — the color of strawberry cream.
• Bronze (#734501): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#32431C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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 Alley color palette (#E3DEFF, #C2979F, #8E6D69, #6B5A04, #334B35)
• Muted Cocoa color palette (#D6F2FA, #92B5AA, #8C687E, #7B401C, #443E0F)
• Gentle Dune color palette (#DFDCFC, #C487CC, #89556D, #4A4D00, #00470F)
• Ancient Thicket color palette (#FFF1F7, #D5B4B9, #A48D89, #7C7025, #4A570D)
• Patina Coast color palette (#D1EFF6, #9ABAC5, #7A91AC, #67723E, #1F484E)
• Hushed Pewter color palette (#DFE5FE, #846C9B, #633950, #2E2900, #001C10)
• Misty Nightshade Corridor color palette (#FFE7F2, #917DD4, #7D7E03, #5B4498, #383800)
• Tempered Ridge color palette (#F5F7E8, #71A98D, #007365, #12545F, #2B3C00)

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