Cocoa Dune color palette — #FFF2EB · #E7D0CA · #B8D9A0 · #A0C5B9 · #6C4100

A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E7D0CA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pistachio (#B8D9A0): A whisper-light, balanced green — the color of a quiet forest floor.
• Stone (#A0C5B9): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#6C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Dusty Thicket color palette (#FFF0F8, #EDD5CB, #C2C795, #A5B07E, #5A414C)
• Ancient Balcony color palette (#F7F6E8, #D4E5C1, #9FBFA3, #AB9493, #3E5615)
• Muted Straw color palette (#FEF4DD, #E9D9BE, #D8E26B, #58D2D4, #3C3C35)
• Timeworn Delta color palette (#FCF3EF, #BEE6EF, #94D0F0, #9CA881, #5D4C5C)
• Clover Canyon color palette (#FFF3E7, #F4D5CA, #FFC27B, #46D56E, #3E2E00)
• Sand Thicket color palette (#FCF4E9, #FCCD7C, #B8C2FF, #C1A372, #5E4456)
• Hushed Mustard color palette (#FBEDF6, #F3CFCD, #FFB48B, #B1A848, #3D1F2D)
• Muted Apricot color palette (#FDEFE4, #F2A070, #947731, #5C534C, #26201F)

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