Dusty Petrol color palette — #EEF2FA · #BAC0EC · #9276A3 · #676CA1 · #151423

Built around Slate, softened by Slate Blue — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#EEF2FA): bright and airy, almost weightless.
• Lavender (#BAC0EC): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#9276A3): A luminous, dusty violet — the color of a velvet chair.
• Slate (#676CA1): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#151423): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

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

• Antique Cobalt color palette (#F9F3F9, #D6B3D4, #9F6A87, #396BBB, #3A2929)
• Onyx Coast color palette (#EFF1FF, #CBAFDB, #9A73A0, #72456A, #4B1237)
• Driftwood Alley color palette (#FCECF7, #BD9ECA, #976688, #6E4731, #2D293A)
• Aged Iris Basin color palette (#FAF3F7, #EAC4DC, #B787C0, #8082D4, #3C272C)
• Periwinkle Station color palette (#F0F6FE, #D9D9E3, #DC9A9B, #6E9CDA, #251A24)
• Pale Mulberry Hollow color palette (#F4F0F7, #DB9EBD, #B05649, #974172, #170814)
• Aubergine Harbor color palette (#E4E3F0, #AA72C8, #8F235D, #641C83, #05000A)
• Washed Cerulean Courtyard color palette (#E7F4FB, #3193AE, #756E26, #355A31, #0D2126)

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