Tempered Onyx color palette — #EDE6ED · #998890 · #7F6266 · #002955 · #030003

A conversation between Midnight and Pewter, giving this palette its sense of trust and stability.

The five colors

• Blush (#EDE6ED): bright and airy, almost weightless.
• Heather (#998890): A luminous, dusty rose — the color of strawberry cream.
• Pewter (#7F6266): A full-bodied, dusty red — the color of a theater curtain.
• Midnight (#002955): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Patina Balcony color palette (#DAE1EA, #B3BACD, #8C8FAD, #0C367F, #000105)
• Softworn Aubergine Delta color palette (#EAD9DD, #B09A97, #A96A47, #50185F, #0F0003)
• Tempered Denim color palette (#EFE6EC, #D6C7CB, #B59D9B, #464D90, #1F101B)
• Dusty Denim Market color palette (#D5F2F9, #4C5D96, #522C47, #002017, #000503)
• Dusty Pewter Quarry color palette (#F8EFF2, #DDD5D1, #C7BBAB, #826898, #32292C)
• Aged Mulberry Corridor color palette (#FFEDEE, #E9CCC5, #C2A591, #8F2687, #291216)
• Shadow Fern Lagoon color palette (#F4E2D0, #605B00, #093400, #230328, #010100)
• Airy Harbor color palette (#EBDAE6, #008198, #4539D8, #730037, #020006)

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