Tempered Field color palette — #D2E2FD · #5E7DE9 · #473F62 · #192447 · #061220
A conversation between Periwinkle and Midnight, giving this palette its sense of creativity and calm.
The five colors
- Frost (#D2E2FD): A whisper-light, dusty violet — the color of a velvet chair.
- Periwinkle (#5E7DE9): A luminous, vivid violet — the color of twilight just after sunset.
- Charcoal (#473F62): A deep, shadowed, dusty violet — the color of a velvet chair.
- Midnight (#192447): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#061220): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Creativity, Calm, Balance. Tagged noir, dark, luxury, 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
- Orchid Lagoon color palette (#E3E5FB, #9D5EEC, #583759, #2D1C45, #0C111F)
- Aged Indigo Pier color palette (#E7EDFB, #6261CD, #3B2850, #111132, #01040D)
- Tempered Iris Garden color palette (#FFF0FC, #6587FF, #3E345D, #210D1D, #000202)
- Cerulean Parlor color palette (#DBEFF9, #0095B6, #244866, #002C37, #01151B)
- Hushed Periwinkle color palette (#F7DEF3, #749CFF, #775987, #4D3B4A, #08150F)
- Washed Grape color palette (#DADDF9, #7835BC, #4D352F, #371437, #0E021D)
- Ash Pier color palette (#F5EFFC, #C584A7, #625264, #3B3542, #222028)
- Airy Wisteria Lantern color palette (#E9E9FF, #BD78E9, #C47E00, #00908C, #3F2051)
Browse the whole catalog at Explore, or see today's palette.