Tempered Onyx color palette — #D9E8F0 · #80909D · #5A6C86 · #002F3C · #000103
Built around Midnight, softened by Slate — the whole palette hums with sophistication.
The five colors
- Frost (#D9E8F0): a clean, paper-quiet neutral.
- Slate Blue (#80909D): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5A6C86): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002F3C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000103): a grounded near-black with real depth.
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
- Ancient Spruce color palette (#E9EFEB, #A096A1, #826875, #00313A, #010D05)
- Navy Parlor color palette (#E0E7F3, #898D9B, #686885, #111B6D, #000106)
- Worn Abyss Station color palette (#E3EDF1, #B1BCC9, #8B91A7, #004450, #000103)
- Hushed Navy Veranda color palette (#DEE3EC, #ADB3C5, #8A8BA0, #1B3A91, #040B17)
- Aged Petrol Pier color palette (#EDF2F9, #D6D4DE, #B2B6CB, #3E6697, #1A212A)
- Denim Veranda color palette (#CBE8FB, #40558B, #3C2B57, #2E1300, #030200)
- Worn Aubergine Orchard color palette (#E0F1FF, #008691, #006C9D, #3C009C, #000105)
- Onyx Orchard color palette (#CEE5FD, #544947, #002B4E, #140F18, #010012)
Browse the whole catalog at Explore, or see today's palette.