Cocoa Dune color palette — #F9EEF7 · #BBB581 · #7C423C · #431714 · #140712

Coffee takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9EEF7): a clean, paper-quiet neutral.
• Sage (#BBB581): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#7C423C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#431714): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#140712): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Ancient Cocoa color palette (#FEF1F9, #CEA67D, #853519, #402237, #251819)
• Chestnut Alley color palette (#FAEEF2, #A8CEB4, #7F5831, #472433, #1D0F15)
• Tempered Study color palette (#ECF5EC, #C7B180, #6F4E00, #352400, #031005)
• Tempered Mustard color palette (#FEF2ED, #D0C680, #A05C56, #613330, #2B1E19)
• Amber Orchard color palette (#F1DCE6, #AF9200, #632C00, #270D00, #090004)
• Wandering Brick color palette (#F6EFF4, #E0A291, #54843B, #B03105, #00120F)
• Nocturne Bronze Atelier color palette (#EFDBE8, #776800, #3A0D00, #18170B, #080100)
• Softworn Meadow color palette (#E8F7E6, #C48F69, #697219, #4C367C, #102914)

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