Dusty Petrol color palette — #EAF3FF · #EACFEE · #C7A0CB · #3C7599 · #1C253F

Slate takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Thistle (#EACFEE): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#C7A0CB): A luminous, dusty pink — the color of a candy shop window.
• Slate (#3C7599): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1C253F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, light, 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

• Aged Grove color palette (#E2F5FF, #BADFFF, #A1AEEC, #2F807C, #0D2838)
• Tempered Corridor color palette (#FEF0FF, #F8D0CC, #D994B1, #00737F, #503449)
• Muted Cerulean Loft color palette (#EEF6FF, #E4DAE3, #BEB7A2, #429FAF, #2C3752)
• Feathered Workshop color palette (#F3EAFF, #FFB3EC, #EE87A4, #5C4EA9, #311139)
• Patina Cerulean Delta color palette (#FFF0FE, #F7D0D2, #E5B8E8, #308CC0, #55384B)
• Dusty Summit color palette (#E8EFFD, #B3A0D1, #B369AD, #094A85, #090B28)
• Worn Harbor color palette (#F1E0FF, #FEB0B3, #C7886A, #7E4C77, #29132F)
• Hushed Violet Loft color palette (#F6EEFF, #F2D3C9, #F6A58B, #9760A6, #3C1729)

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