Tempered Field color palette — #E0EDF7 · #838BC7 · #825283 · #043525 · #101000

Graphite and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E0EDF7): bright and airy, almost weightless.
• Slate Blue (#838BC7): A luminous, balanced violet — the color of wild irises.
• Graphite (#825283): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Forest (#043525): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#101000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Creativity, Sophistication. Tagged vintage, retro, muted.

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

• Cornflower Boulevard color palette (#D1E7ED, #578AD9, #734F96, #3A3700, #070600)
• Antique Studio color palette (#CDF2F0, #6992CF, #926899, #426734, #071F00)
• Wandering Wisteria color palette (#E1E1F0, #C473C0, #8B4F54, #0F3C28, #001308)
• Dusty Violet color palette (#DEE6FB, #8F5EAE, #6F3C4A, #162D0B, #010400)
• Aubergine Bloom color palette (#DAEBFF, #7677A1, #653272, #402600, #1B1A00)
• Navy Corridor color palette (#CAEFE5, #3B747D, #363C77, #002D06, #000B08)
• Worn Blush color palette (#ECD5FF, #D990B1, #A3604B, #1A4955, #001B1C)
• Patina Ultramarine color palette (#F9E9EF, #77C0EC, #2865BB, #003D40, #020013)

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