Tempered Market color palette — #F5F4FC · #DFD7DE · #B7A9A2 · #807CA3 · #52515B

Slate Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F5F4FC): a clean, paper-quiet neutral.
• Silver (#DFD7DE): a clean, paper-quiet neutral.
• Ash (#B7A9A2): a calm mid-gray that lets other colors speak.
• Slate Blue (#807CA3): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#52515B): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Tempered Driftwood Basin color palette (#F1F1F7, #DBD5D9, #B9ACA9, #8E78A0, #35353F)
• Wandering Loft color palette (#F6F3FF, #CCBDD3, #A58C9E, #5A7875, #415463)
• Timeworn Station color palette (#E8E6F0, #9D97A3, #7A6A7E, #450E47, #0A0713)
• Muted Driftwood color palette (#E8FBEB, #BC99C2, #9B6574, #4C613A, #4B4359)
• Mulberry Harbor color palette (#F0EDF4, #D1C9D3, #AE99A9, #7A3D5E, #322A39)
• Garnet Courtyard color palette (#E9DEE6, #B9A2AD, #748572, #6A0C00, #1E0D1B)
• Hushed Boulevard color palette (#FCF2F8, #E3CBD4, #8EB194, #973800, #44283A)
• Driftwood Lagoon color palette (#F5EEFE, #A6638C, #443747, #2B2630, #171318)

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