Cocoa Dune color palette — #FFF2EA · #F2B294 · #B8AFDE · #B389B3 · #5F2E00

Cocoa takes the lead with Melon close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Melon (#F2B294): A luminous, balanced orange — the color of sun-warmed clay.
• Mauve (#B8AFDE): A luminous, dusty violet — the color of wild irises.
• Dusty Rose (#B389B3): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#5F2E00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Sophistication. Tagged light, muted.

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

• Hushed Periwinkle color palette (#FFF2EC, #EAACA0, #97A8DE, #987CA5, #412D2A)
• Mustard Balcony color palette (#FEF4E3, #DEBE77, #8DC4AF, #BB8A98, #403D36)
• Washed Marigold color palette (#FCF4E9, #CFA265, #68A6BB, #40859B, #553500)
• Antique Oat color palette (#F8F5EE, #D8DBD3, #A9D7BB, #A8B6AE, #55524B)
• Antique Cobalt Grove color palette (#EAFAF2, #C8C790, #73BEB8, #6C7DC2, #1F382D)
• Worn Teal Bloom color palette (#F6F6E9, #B1D3A1, #68BBAD, #5A8FA6, #5C3A00)
• Feathered Alley color palette (#F6EFD3, #B2B41D, #42B4B0, #BB6760, #2D260C)
• Dusty Corridor color palette (#FFF3E3, #E7A400, #57CB94, #C8487D, #3B2700)

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