Tempered Field color palette — #EEF8F5 · #E2D3D1 · #A89D93 · #6F93B5 · #3D4B47

Built around Slate Blue, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Silver (#E2D3D1): bright and airy, almost weightless.
• Taupe (#A89D93): a calm mid-gray that lets other colors speak.
• Slate Blue (#6F93B5): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#3D4B47): a grounded near-black with real depth.

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

Use it as a design system

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

• Antique Ash Study color palette (#FBF2F7, #E8D7D7, #CEBCBA, #868BB6, #4D454A)
• Weathered Lilac color palette (#FFF0FD, #C6E3FF, #A7C6FF, #9F97D7, #492D44)
• Cocoa Loft color palette (#FFE3F4, #C5B9EC, #B88E99, #877068, #783D19)
• Ancient Villa color palette (#FAF5E8, #C4C999, #879765, #67775F, #4F4100)
• Aged Corridor color palette (#E9DAE1, #B29EA6, #9F7B85, #483384, #10060B)
• Softworn Pewter color palette (#F5ECEE, #ECCFD4, #CEAEB0, #846196, #37292D)
• Periwinkle Market color palette (#FFF2EF, #86B1FF, #7E7CC5, #845265, #493645)
• Iris Workshop color palette (#EFDFEA, #6A82FF, #5C4552, #352A32, #1C161C)

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