Tempered Onyx color palette — #D6E3DE · #A196A1 · #83667A · #002F46 · #000D08

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

The five colors

• Silver (#D6E3DE): bright and airy, almost weightless.
• Heather (#A196A1): A luminous, dusty pink — the color of a candy shop window.
• Pewter (#83667A): A full-bodied, dusty pink — the color of neon signs at night.
• Midnight (#002F46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000D08): A deep, shadowed, dusty teal — the color of sea glass.

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

• Muted Spruce Cabin color palette (#DBE1DA, #909E93, #58796A, #003330, #020C02)
• Antique Harbor color palette (#ECE0E7, #A5949A, #81696D, #281B61, #14030D)
• Abyss Cabin color palette (#E4EFF6, #9CA5B5, #8283A1, #004C67, #000B14)
• Patina Nightshade Market color palette (#F2E7EE, #C5B3BA, #A6838B, #3B3290, #271B23)
• Petrol Market color palette (#CFE3FD, #5D5E90, #51335A, #2B1900, #100E00)
• Dusty Basin color palette (#FFF1F4, #E1CDCE, #BD9E9B, #763D90, #402D32)
• Faded Workshop color palette (#F7E9F7, #0088A6, #0054E4, #450089, #020018)
• Petrol Boulevard color palette (#EEF8F5, #ECD8DC, #CEB3C1, #1B6EB0, #31453F)

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