Tempered Field color palette — #D9E5FB · #4157CF · #3B1BBD · #210064 · #08001F

Indigo and Cobalt set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#D9E5FB): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#4157CF): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#3B1BBD): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#210064): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#08001F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy. 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

• Midnight Nightshade Dune color palette (#E5EDFF, #4157D6, #3400AE, #100038, #020008)
• Pale Dune color palette (#E5E6F9, #7455D0, #5700A1, #300054, #0E0019)
• Ancient Navy Delta color palette (#CAE2F9, #0069C5, #004197, #06007F, #04002B)
• Quiet Lapis Lantern color palette (#DDF1FF, #256FE7, #4D11F2, #4B008B, #0F0016)
• Airy Ridge color palette (#E9EEFF, #664DD0, #A41321, #3A0095, #140001)
• Aubergine Alley color palette (#EAECFF, #B999CA, #AE6BA7, #463589, #160521)
• Chalky Grape color palette (#E7E0FF, #6532B5, #8F0046, #00435B, #03000B)
• Antique Petrol color palette (#CEEAF1, #00738E, #00516F, #002E46, #000A16)

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