Tempered Onyx color palette — #D7E2E9 · #929BA4 · #657186 · #003041 · #000B14

Deep Teal and Slate set the tone — five colors that lean into sophistication.

The five colors

• Silver (#D7E2E9): a clean, paper-quiet neutral.
• Blue Fog (#929BA4): soft and architectural.
• Slate (#657186): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Teal (#003041): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Worn Thicket color palette (#E8EBF8, #A8A7BA, #847999, #410E85, #0F1226)
• Abyss Garden color palette (#DDE5E1, #B09EAF, #9F7A8B, #004D5F, #010C06)
• Denim Loft color palette (#EAEFF5, #C6CCD7, #989FBB, #005697, #222F3D)
• Worn Basalt color palette (#D0EBFF, #5E668F, #4D365B, #351A00, #181200)
• Muted Aubergine color palette (#E2ECF8, #008799, #0063A1, #3E008E, #000117)
• Lowlit Forest Balcony color palette (#D7F5F0, #0F6E48, #00332B, #001B1F, #000803)
• Washed Grape Summit color palette (#F4F4FD, #D3D0E0, #C398AF, #7628B3, #303047)
• Weathered Petrol color palette (#F3F5FB, #DED8E1, #C7BBC8, #6D6EA3, #444752)

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