Onyx Boulevard color palette — #E3ECF3 · #80909D · #5B6D81 · #002E40 · #000103

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

The five colors

• Frost (#E3ECF3): bright and airy, almost weightless.
• Slate Blue (#80909D): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5B6D81): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#002E40): A deep, shadowed, dusty blue — the color of deep harbor water.
• 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 Onyx Boulevard 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

• Muted Onyx color palette (#E4EAE7, #A195A2, #846679, #00303E, #000D06)
• Antique Studio color palette (#DEE7ED, #B1BCC9, #8891A8, #004354, #000103)
• Ancient Aubergine Alley color palette (#E7EAF7, #9D9EAF, #7B798E, #40117F, #030310)
• Worn Denim Cabin color palette (#E2EAF2, #C4CCD7, #9AA4B8, #25578A, #0B1723)
• Obsidian Hollow color palette (#DDDEF2, #63517F, #432B49, #340003, #0E0200)
• Nocturne Studio color palette (#CBEDEB, #16674C, #003228, #001818, #000201)
• Nightshade Basin color palette (#CBE3FB, #007FAA, #00619F, #1E28AD, #000105)
• Aged Loft color palette (#EFF2F9, #D9D5DD, #C1B8C6, #6F6EA3, #282C36)

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