Tempered Field color palette — #F3F4FF · #CFBFDE · #B398AA · #577983 · #3C575E

Lilac Frost and Slate set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lilac Frost (#CFBFDE): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#B398AA): A luminous, dusty pink — the color of peonies in June.
• Slate (#577983): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#3C575E): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: 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

• Muted Periwinkle Studio color palette (#F1F7F0, #D8DDFA, #8DA3DB, #358794, #464267)
• Dusty Stone Coast color palette (#FAF2FF, #E5CAEB, #E1ACA5, #7A9381, #3E574B)
• Stone Station color palette (#FFEBF2, #EFAD95, #AB9A69, #57738F, #314F6D)
• Washed Thicket color palette (#E7DBF0, #C69488, #98824D, #375F89, #3F315A)
• Driftwood Dune color palette (#EDF9EC, #A7CFB8, #86966E, #657190, #2D4A3A)
• Antique Navy Thicket color palette (#F2E5FF, #D991BC, #B17967, #006876, #023B75)
• Hazy Orchard color palette (#FCF1FF, #E8A0AF, #4AB7C0, #BE5C75, #004C52)
• Feathered Coral color palette (#FFF0FE, #E88285, #43ABA8, #3B88B3, #462E46)

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