Tempered Market color palette — #F2F5FF · #C1BDF3 · #BDB372 · #8A84BE · #315643

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#C1BDF3): A luminous, dusty violet — the color of wild irises.
• Sage (#BDB372): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#8A84BE): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#315643): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

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

• Patina Stone color palette (#F7F2FF, #EAAFD5, #94BF8B, #AF789C, #2A5650)
• Muted Courtyard color palette (#FEF1F9, #E3D6F0, #BBD988, #8993DC, #47473F)
• Washed Lantern color palette (#EDF7FF, #99CBF0, #DCA381, #4E94C4, #634153)
• Dusty Alley color palette (#F2F5FF, #AEA9E4, #B1A75E, #879B64, #3C4156)
• Softworn Drift color palette (#FFF0F9, #A8ACD8, #5CA99E, #6769B3, #1C5851)
• Tempered Taupe Market color palette (#EFF8EE, #B9D2C1, #87A585, #866B7A, #394D45)
• Hushed Seafoam color palette (#F1F5FF, #CCD1FF, #5CE0CD, #9DA2E0, #2D545A)
• Antique Driftwood color palette (#F5F4FF, #C6D9AC, #8D7198, #4C4966, #2B2A34)

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