Tempered Archive color palette — #E4ECF2 · #868E99 · #626A85 · #002E40 · #000103

Midnight takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#E4ECF2): bright and airy, almost weightless.
• Gray (#868E99): soft and architectural.
• Slate (#626A85): A full-bodied, dusty violet — the color of a velvet chair.
• Midnight (#002E40): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000103): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered Archive 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

• Washed Basin color palette (#E0EEE9, #AAC0BA, #A288A0, #00415F, #000201)
• Aged Aubergine color palette (#E4E6F2, #A19DB0, #84758F, #41107F, #030311)
• Muted Denim Hollow color palette (#E4EAF0, #C7CBD7, #A1A1BA, #265789, #0D1721)
• Tempered Harbor color palette (#E5F0FF, #008D9A, #0062AF, #510074, #01000A)
• Deep Summit color palette (#C6EBFA, #40568E, #4D295D, #161B00, #010400)
• Worn Pewter color palette (#EFF2F9, #DBD5DC, #C3B8C0, #706F9D, #292C35)
• Shadow Summit color palette (#D0F0E8, #006942, #00312D, #001722, #000201)
• Moonless Navy color palette (#DEECFE, #4F4441, #002560, #18101B, #03000D)

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