Onyx Courtyard color palette — #D6E1E8 · #7F90A0 · #5A6C88 · #002F3E · #000103

Built around Midnight, softened by Slate — the whole palette hums with sophistication.

The five colors

• Silver (#D6E1E8): bright and airy, almost weightless.
• Slate Blue (#7F90A0): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5A6C88): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002F3E): 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 Onyx Courtyard 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

• Aged Thicket color palette (#E7EBF3, #888CA0, #696782, #1A196B, #000106)
• Spruce Atelier color palette (#E3EFE7, #A493A5, #866576, #00313B, #020C06)
• Abyss Bloom color palette (#E3EBEF, #B1BCC9, #878FB7, #004451, #000103)
• Softworn Boulevard color palette (#E3EAF2, #C2CCDD, #9AA2BF, #12588F, #0C1722)
• Aubergine Corridor color palette (#D7EFFF, #505B8D, #491A66, #261200, #050400)
• Pale Aubergine Pier color palette (#D4E8FF, #0089A1, #0068A0, #450093, #00000C)
• Aged Pewter color palette (#EFF2F8, #DCD6E1, #C5B9C6, #6E719B, #292C34)
• Twilit Summit color palette (#DDF6F1, #006940, #003229, #00181B, #000201)

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