Dusty Onyx color palette — #DFE9F1 · #828EA3 · #66697F · #002D46 · #000104
Built around Midnight, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Frost (#DFE9F1): bright and airy, almost weightless.
- Slate Blue (#828EA3): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#66697F): A full-bodied, dusty violet — the color of a velvet chair.
- 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 Dusty 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
- Weathered Terrace color palette (#E2E2EC, #A39CB1, #897291, #432461, #030310)
- Tempered Thicket color palette (#E4F3EF, #C5B5C4, #9F8B9A, #003E6B, #000201)
- Wandering Orchard color palette (#E4E9F0, #C4CAE2, #A3A1B5, #3A5483, #11161E)
- Denim Terrace color palette (#CCE1F3, #53589E, #4D1F42, #0E1700, #030600)
- Ultramarine Study color palette (#E5EEFD, #008696, #004CC9, #660063, #010009)
- Tempered Boulevard color palette (#F0F1F9, #DED5DE, #C8B8C1, #786C9C, #2A2C32)
- Fern Workshop color palette (#FFE7EF, #675800, #232F00, #080C3A, #020100)
- Nocturne Aubergine color palette (#D0EADB, #004C70, #2C005C, #0E0B00, #000106)
Browse the whole catalog at Explore, or see today's palette.