Cocoa Dune color palette — #FFF2EA · #BD7F61 · #518996 · #1B6A7A · #5F2E00

Cocoa takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Caramel (#BD7F61): A luminous, balanced orange — the color of sun-warmed clay.
• Storm Blue (#518996): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#1B6A7A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#5F2E00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Aged Taupe color palette (#FCF4E8, #B49258, #317B91, #4A5079, #5C3637)
• Ash Thicket color palette (#FFF1F2, #B17CA4, #418C90, #2E6877, #4A3839)
• Wandering Cocoa color palette (#FFF3E5, #C89E79, #707E48, #59527F, #5F4100)
• Softworn Villa color palette (#E9F5F0, #909C63, #3A9295, #126788, #112820)
• Cobalt Terrace color palette (#FFF1F2, #CF96BE, #5CA7C2, #507BB8, #4E3537)
• Sunlit Bronze color palette (#FFF4DC, #887600, #00795D, #004D7F, #382900)
• Olive Boulevard color palette (#FCF5DF, #868624, #6E68A1, #514B7D, #35332C)
• Washed Bronze Basin color palette (#FAF4EE, #D9DBD3, #A2AFAF, #A7773E, #595149)

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