Muted Onyx color palette — #DFE9E4 · #978895 · #7F6071 · #002E41 · #000201

A conversation between Midnight and Graphite, giving this palette its sense of sophistication.

The five colors

• Parchment (#DFE9E4): bright and airy, almost weightless.
• Heather (#978895): A luminous, dusty pink — the color of a candy shop window.
• Graphite (#7F6071): A full-bodied, dusty pink — the color of peonies in June.
• Midnight (#002E41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000201): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Muted 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

• Tempered Pier color palette (#DBE2D9, #829287, #4F7468, #00322C, #000200)
• Wandering Field color palette (#E8E0E7, #998890, #855F67, #00157A, #040003)
• Patina Canyon color palette (#E1E8EF, #AFBCCA, #8193AC, #004160, #000103)
• Aubergine Lagoon color palette (#F8EBF0, #AB9B9D, #98706C, #460083, #0E0006)
• Ancient Coast color palette (#ECE7ED, #D3C8CE, #BB99A3, #0054A0, #1E101F)
• Eclipse Navy color palette (#C6E8EE, #325783, #3F2760, #1A1900, #000502)
• Hushed Cobalt color palette (#F6F0F3, #DFD5D2, #CAB9B0, #716CA8, #33292E)
• Aubergine Grove color palette (#ECDEED, #008E96, #0060AF, #53007E, #00000B)

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