Tempered Field color palette — #F1EBFF · #7D38CD · #625A00 · #4A4400 · #020007

Violet takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F1EBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Violet (#7D38CD): A full-bodied, vivid violet — the color of wild irises.
• Olive (#625A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#4A4400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.

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

• Weathered Ultramarine Cabin color palette (#E7EEFF, #3858D5, #7A4D00, #5D3A00, #00000C)
• Washed Lapis color palette (#E3EAFF, #563AD7, #255C00, #002A48, #010009)
• Byzantium Lantern color palette (#E4DDF2, #9349DF, #1D5700, #003F2F, #020006)
• Nightshade Studio color palette (#E1E2F8, #4D00C8, #3A4700, #043517, #070122)
• Aged Plum Alley color palette (#FFE7F3, #B3117E, #526000, #3E4900, #040002)
• Muted Violet color palette (#E4E1F4, #874EFF, #B45600, #007860, #0A0021)
• Magenta Coast color palette (#FFF0FE, #DB61D9, #A28800, #827300, #240024)
• Pale Peony color palette (#F7F3FF, #C56FB1, #009783, #007D6C, #1D0017)

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