Dusty Petrol color palette — #EEF2F8 · #D8D4DE · #B7B4C8 · #48639D · #18212E

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

The five colors

• Ivory (#EEF2F8): a clean, paper-quiet neutral.
• Silver (#D8D4DE): bright and airy, almost weightless.
• Ash (#B7B4C8): A luminous, dusty violet — the color of wild irises.
• Slate (#48639D): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#18212E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Dusty Petrol 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

• Worn Grape color palette (#F0F0FD, #D7CFE5, #BAA1C0, #7733A5, #18162E)
• Wandering Iris Lagoon color palette (#F9F3F8, #E1D7D8, #B6B8AC, #7085CF, #342B32)
• Dusty Summit color palette (#DCEEFF, #8CA2C3, #777599, #43541C, #00332A)
• Lowlit Chapel color palette (#DFE3F6, #6D4BB5, #351932, #080921, #000208)
• Antique Plum Workshop color palette (#F3F0F7, #E2D1D7, #CEB7C6, #AA3486, #292133)
• Worn Nightshade color palette (#DADFEA, #B1B2BD, #9187A5, #3125A8, #04091C)
• Tempered Pine Ridge color palette (#E7F6EB, #9CA675, #427241, #483D70, #002319)
• Cobalt Lantern color palette (#D5F0EA, #508ECC, #6D488A, #1A4400, #0E1435)

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