Tempered Onyx color palette — #E5ECF1 · #828F9B · #5D6D7F · #002E41 · #000103
Built around Midnight, softened by Slate — the whole palette hums with sophistication.
The five colors
- Frost (#E5ECF1): bright and airy, almost weightless.
- Slate Blue (#828F9B): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#5D6D7F): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#002E41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- 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
- Hushed Dune color palette (#E1EBE5, #A195A2, #856579, #00303F, #000D06)
- Navy Delta color palette (#E6EAF6, #898D9B, #666886, #221070, #000009)
- Abyss Grove color palette (#E8F2F7, #AEBCCC, #8691AF, #004355, #000103)
- Navy Harbor color palette (#EBEEF5, #AEB3C1, #888CA1, #31368D, #050A19)
- Charred Onyx Alley color palette (#E6ECFC, #51517B, #382A4C, #390012, #0D0000)
- Petrol Alley color palette (#EDF2FA, #D7D4DF, #B0B6CB, #4B6399, #1B2129)
- Forest Harbor color palette (#D2F4F2, #00684B, #003228, #001818, #000201)
- Timeworn Nightshade color palette (#D7EAFF, #0089BA, #005BA9, #2900A7, #000106)
Browse the whole catalog at Explore, or see today's palette.