Tempered Powder color palette — #EDF4FF · #A7B3D6 · #8284A2 · #6D5E70 · #64424A

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

The five colors

• Ivory (#EDF4FF): bright and airy, almost weightless.
• Mauve (#A7B3D6): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8284A2): A luminous, dusty violet — the color of twilight just after sunset.
• Graphite (#6D5E70): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#64424A): A full-bodied, dusty red — the color of embers at dusk.

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

Use it as a design system

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

• Indigo Cabin color palette (#E0E7FF, #9CA3EB, #7970C0, #60508D, #5C3B56)
• Tempered Cypress Harbor color palette (#CFEBF4, #9CB3C9, #7C7E9A, #3E6453, #183B3A)
• Dusty Mallow color palette (#FCD7FF, #D89BC5, #866E90, #715133, #454802)
• Dusty Amber color palette (#F3F4FF, #AC90D2, #C37055, #735499, #603527)
• Patina Bloom color palette (#F4F4FF, #C3A5DE, #8962A5, #513169, #351D48)
• Washed Chestnut color palette (#FFF0FA, #F1CADB, #D3A6B2, #AE897C, #7E441E)
• Antique Petrol color palette (#EEF7F7, #C5E1F4, #5691B9, #006E83, #2F4A65)
• Pewter Station color palette (#DAE2FD, #70689C, #5A426E, #45181D, #241000)

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