Dusty Petrol color palette — #F7EBEF · #8AB7DC · #4B65A6 · #004E58 · #2D2555

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EBEF): bright and airy, almost weightless.
• Sky (#8AB7DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4B65A6): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#2D2555): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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

• Petrol Lantern color palette (#F6EBF3, #7EBEC3, #007392, #00523B, #023051)
• Sunlit Cobalt color palette (#E7EBDE, #92BEB1, #246CB9, #004762, #000F40)
• Timeworn Quarry color palette (#E7F1F0, #A1C9ED, #4088DA, #00668B, #0F2A5F)
• Wandering Wisteria Quarry color palette (#E0F0FF, #CCCBFF, #C883BE, #006E7E, #232F52)
• Washed Periwinkle Boulevard color palette (#F7EDE2, #AEDFD0, #79A1FD, #008F9D, #2C2653)
• Muted Denim Canyon color palette (#F6E0EB, #5C98B3, #004B84, #00302E, #080642)
• Worn Cypress color palette (#FAF3F7, #D3D8F2, #6AA4B0, #507A5E, #3D5668)
• Patina Navy Bloom color palette (#D7E4FF, #6F94EC, #004CAA, #041B72, #001234)

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