Onyx Courtyard color palette — #F1EAF6 · #988796 · #7B636F · #50002F · #020103

Mulberry and Pewter set the tone — five colors that lean into sophistication.

The five colors

• Blush (#F1EAF6): bright and airy, almost weightless.
• Heather (#988796): A luminous, dusty pink — the color of peonies in June.
• Pewter (#7B636F): A full-bodied, dusty rose — the color of strawberry cream.
• Mulberry (#50002F): A deep, shadowed, balanced rose — the color of a warm blush.
• Black (#020103): 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

• Washed Courtyard color palette (#EDDFE7, #A2848D, #587262, #4C1400, #040002)
• Muted Dune color palette (#F2E6E5, #AA948B, #95652D, #510034, #150404)
• Muted Garnet color palette (#F7EBE9, #CCB5AF, #AA897D, #6E0A39, #040000)
• Worn Garnet color palette (#F1E3EC, #C2ADB4, #769681, #76240D, #13060F)
• Wandering Cocoa Atelier color palette (#EDE7ED, #D9C4D1, #95AB93, #7B4148, #1C111D)
• Washed Balcony color palette (#F8EFF4, #C5D9DB, #AAC0BF, #936A56, #312A2E)
• Deep Alley color palette (#F7D8E4, #95402E, #493500, #001A29, #00060C)
• Lowlit Balcony color palette (#DBF2E7, #2D680B, #003321, #22032A, #000201)

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