Tempered Onyx color palette — #D9E3EC · #818F9E · #606C7D · #002D46 · #000104
Midnight and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9E3EC): bright and airy, almost weightless.
- Slate Blue (#818F9E): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#606C7D): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#002D46): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Timeworn Navy Workshop color palette (#E5ECF8, #888D9C, #646984, #181473, #000107)
- Ancient Onyx color palette (#E3ECE8, #A0969F, #876576, #002F44, #000D07)
- Antique Station color palette (#E1EAF0, #B3BBC7, #8A90AB, #00415C, #000103)
- Wandering Grove color palette (#DDDDE6, #9F9EAC, #7F7695, #471F64, #04030E)
- Weathered Denim color palette (#E3EAF4, #C5CCD9, #9BA3BB, #345291, #0F1620)
- Basalt Lantern color palette (#DFE0FB, #645680, #461F4F, #3A0006, #070100)
- Gentle Lantern color palette (#E5EFFC, #007CB3, #0051B8, #36089A, #00000C)
- Forest Dune color palette (#D8F7F7, #006755, #00312D, #00181A, #000201)
Browse the whole catalog at Explore, or see today's palette.