Tempered Onyx color palette — #E0EFEB · #9D8498 · #815F71 · #002B4E · #000201

Midnight takes the lead with Graphite close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E0EFEB): bright and airy, almost weightless.
• Heather (#9D8498): A luminous, dusty pink — the color of neon signs at night.
• Graphite (#815F71): A full-bodied, dusty rose — the color of pressed rose petals.
• Midnight (#002B4E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

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

• Onyx Station color palette (#D7E0E9, #919AAC, #6C6E86, #002D4C, #000A17)
• Washed Harbor color palette (#E9F2EA, #799586, #4D7468, #003133, #000200)
• Aged Grove color palette (#E0EFEA, #CDB1C3, #A78890, #004062, #000201)
• Muted Parlor color palette (#F4E4E8, #B69799, #96716E, #4D1961, #0B0204)
• Timeworn Denim color palette (#F0E5ED, #D6C6CE, #B99AA3, #3F4F93, #1D111B)
• Mulberry Canyon color palette (#FAEEF0, #F2C8C7, #C4A29C, #86318A, #271317)
• Softworn Coast color palette (#F8EFF2, #E3D4D0, #CCB9AF, #7D6C94, #34282D)
• Hazy Ultramarine color palette (#D8DFF3, #007EB0, #374AD9, #550F7E, #01000A)

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