Tempered Field color palette — #E5F1EB · #A394A2 · #816875 · #002F42 · #000D07

Midnight and Pewter set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E5F1EB): a clean, paper-quiet neutral.
• Heather (#A394A2): A luminous, dusty pink — the color of peonies in June.
• Pewter (#816875): A full-bodied, dusty rose — the color of a warm blush.
• Midnight (#002F42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000D07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Wandering Onyx Delta color palette (#DBE5ED, #818F9E, #596C87, #002D45, #000103)
• Timeworn Bloom color palette (#E9DFE8, #A7949D, #8B646D, #001A78, #120411)
• Softworn Boulevard color palette (#DEE5E2, #92ABA4, #987C96, #004A6E, #000D08)
• Aubergine Basin color palette (#EEE2E7, #B6A4A7, #9B7471, #440A84, #210B16)
• Worn Quarry color palette (#C9EDF4, #4D6989, #422F6B, #201F00, #00120F)
• Muted Denim Villa color palette (#F3ECF3, #D6C7D0, #B796A0, #00559D, #352936)
• Twilit Market color palette (#E7E6D3, #2B6C4A, #00332E, #001925, #000803)
• Hushed Aubergine Station color palette (#DAEFE9, #009299, #0064A3, #5E0087, #01001E)

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