Tempered Market color palette — #ECF4F1 · #D9D2CF · #9DA198 · #5B88A9 · #2F3835

A conversation between Storm Blue and Taupe, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#D9D2CF): a clean, paper-quiet neutral.
• Taupe (#9DA198): a calm mid-gray that lets other colors speak.
• Storm Blue (#5B88A9): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#2F3835): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Hushed Cerulean Pier color palette (#EFF7F5, #DFD4D2, #AAA193, #5E86AA, #4A5552)
• Patina Pewter Grove color palette (#F7EFF2, #E0D6D0, #C7BBAC, #80689C, #34282C)
• Olive Thicket color palette (#E8F7E6, #B8CAC0, #A38A9A, #6B6C23, #3B4B39)
• Fern Chapel color palette (#F5F2E1, #71B8C7, #7771A2, #4F5723, #1A312A)
• Timeworn Pier color palette (#D5E4E0, #988890, #836066, #002B4F, #000201)
• Softworn Cobalt color palette (#F6E9F2, #7280B1, #48363A, #271923, #070E0B)
• Tempered Cocoa color palette (#FDEDEF, #BA8AB2, #8C6185, #7D3021, #002D35)
• Patina Quarry color palette (#FAF0E9, #D0C1AB, #92833A, #7A5561, #34302A)

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