Tempered Field color palette — #DADFE4 · #B3BBC9 · #898FB3 · #004160 · #000103

Navy takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#DADFE4): a clean, paper-quiet neutral.
• Ash (#B3BBC9): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#898FB3): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004160): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000103): 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

• Dusty Aubergine color palette (#ECEEF5, #BAB8CA, #998AA9, #3A297E, #010105)
• Antique Archive color palette (#DDE9E5, #A395A1, #7E6A76, #002E4A, #000D08)
• Aubergine Balcony color palette (#DFF1FC, #7183B6, #60356B, #102100, #000504)
• Denim Lantern color palette (#F3F5FB, #E1D5E5, #C1B4D2, #5752A7, #070C1A)
• Muted Iris color palette (#F2F5FB, #DED9E2, #BFB6AD, #7385CD, #2A2E37)
• Weathered Bronze Drift color palette (#EED7DE, #8E791A, #344200, #0D1542, #020100)
• Aubergine Dune color palette (#E7E8D9, #006C93, #380083, #0E0E00, #000104)
• Washed Orchid color palette (#F5F4FD, #E4D7E0, #BBBBA3, #AB4CCE, #242235)

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