Tempered Field color palette — #EFF6FE · #D9D8E3 · #BEAAA6 · #678CBB · #282F37

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

The five colors

• Ivory (#EFF6FE): a clean, paper-quiet neutral.
• Silver (#D9D8E3): bright and airy, almost weightless.
• Rosewood Mist (#BEAAA6): A luminous, dusty orange — the color of toasted spice.
• Slate Blue (#678CBB): A luminous, balanced blue — the color of open sky before noon.
• Onyx (#282F37): 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

• Wandering Alley color palette (#F0F6FC, #D9D8E2, #C5BDCF, #6EA4DB, #303C49)
• Dusty Archive color palette (#F3F4FF, #DED7E0, #CBA8A4, #8969C4, #212332)
• Wandering Harbor color palette (#ECF4F2, #E1D4D6, #C3B1BA, #33689B, #142420)
• Hushed Petal Ridge color palette (#F4F4FF, #DFCFFD, #A79FC5, #795E75, #492D3F)
• Hushed Aubergine color palette (#E3E1EF, #BEB6D0, #988CA6, #53265C, #010105)
• Airy Ridge color palette (#FEF0FF, #9BB3FF, #816DC4, #7B374B, #17203A)
• Washed Moss color palette (#E6FBF1, #C9D897, #789555, #446A72, #112E25)
• Indigo Summit color palette (#F1F5FF, #7575FB, #2E334D, #0A0F1C, #000103)

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