Tempered Dune color palette — #FFF2EE · #94A6D7 · #776EA6 · #784956 · #52424D

Slate and Mauve set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Mauve (#94A6D7): A luminous, dusty violet — the color of wild irises.
• Slate (#776EA6): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#784956): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal (#52424D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Patina Harbor color palette (#F2F8E9, #6DB1D6, #5079AF, #70496F, #344E46)
• Worn Lantern color palette (#FFF2EB, #BE98C7, #986385, #7A4D2F, #564144)
• Patina Quarry color palette (#FEF0FB, #D8D3DD, #CEBEF2, #9F95DC, #564451)
• Patina Powder color palette (#E8FBEF, #77C8FC, #968AB9, #776F45, #3C495A)
• Cobalt Study color palette (#F9EEF6, #6A78B9, #4C3442, #2F252C, #1A1314)
• Muted Pier color palette (#FAF5E5, #9BDCEF, #AFA7D5, #988B64, #364D47)
• Mulberry Studio color palette (#FFEADD, #A46DB4, #8E3073, #662E00, #46252B)
• Tempered Bronze Study color palette (#FFF1F7, #DBC0C7, #B5898F, #9F613D, #77440D)

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