Weathered Dune color palette — #FFF2F0 · #DFA2AD · #B16C69 · #885040 · #544E49

A conversation between Mocha and Coffee, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Rosewood Mist (#DFA2AD): A luminous, dusty red — the color of late-summer berries.
• Mocha (#B16C69): A luminous, balanced orange — the color of toasted spice.
• Coffee (#885040): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal Brown (#544E49): quiet, heavy and certain.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Weathered 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

• Worn Garden color palette (#FFF2EC, #DB9E94, #51A6BA, #A35B51, #305740)
• Washed Summit color palette (#FFE9DF, #E1A591, #B57C58, #7B572A, #4E4C00)
• Patina Study color palette (#FFF2EA, #F0BDA6, #AB7059, #77422E, #502B19)
• Driftwood Alley color palette (#FFE6EE, #D6ADDE, #A4709B, #844E6A, #69433E)
• Muted Cocoa color palette (#FFF2EC, #DFDBCD, #9FBCD1, #A37B6F, #723F07)
• Dusty Corridor color palette (#FFF2EB, #CD816D, #569B71, #6872A9, #48413D)
• Frosted Ember color palette (#FFDDD7, #CF5D23, #914A00, #5C3500, #2D2D00)
• Tempered Bronze Grove color palette (#FFDEC3, #C59957, #957100, #655900, #304D2D)

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