Dusty Petrol color palette — #EBF3FA · #D9D4E4 · #BFBCD5 · #2771A2 · #182733
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF3FA): bright and airy, almost weightless.
- Silver (#D9D4E4): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#BFBCD5): A luminous, dusty violet — the color of wild irises.
- Slate (#2771A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#182733): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Cobalt Studio color palette (#EEF6FF, #D9D7E5, #B3BBD9, #006CBB, #35414E)
- Softworn Denim color palette (#E3EAF2, #C7CBDB, #A6A0B5, #205693, #0B1724)
- Wandering Market color palette (#F2F1F8, #DCD5D8, #BDADA8, #93779B, #36353C)
- Spruce Courtyard color palette (#D4E8EB, #98A6DA, #976D8D, #295F58, #12380D)
- Patina Grape color palette (#F0F0FF, #D9CEE5, #BFA0BB, #7833A5, #18172B)
- Smoked Lapis Workshop color palette (#E4EDFF, #5057D7, #3A1C3E, #060F25, #00040A)
- Antique Harbor color palette (#EAEDFA, #A39CB1, #877489, #3F226B, #03030F)
- Antique Lantern color palette (#EBF2FF, #5677EF, #785300, #4C3300, #0D1D00)
Browse the whole catalog at Explore, or see today's palette.