Dusty Petrol color palette — #EFF6FF · #FFBEAD · #4A6295 · #162843 · #01030D
A conversation between Slate and Rose Quartz, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Rose Quartz (#FFBEAD): A whisper-light, dusty orange — the color of sun-warmed clay.
- Slate (#4A6295): A full-bodied, balanced violet — the color of a velvet chair.
- Midnight (#162843): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#01030D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Sophistication. Tagged luxury, dark, 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
- Washed Pier color palette (#EFF6FF, #DAD666, #42639A, #132749, #01040A)
- Worn Courtyard color palette (#F0F6FF, #FFE1B0, #5D74AC, #293951, #0A1018)
- Seafoam Cabin color palette (#F2F5FF, #4CF9C9, #6A58B9, #2E274F, #040616)
- Hushed Denim color palette (#E0EBF4, #78AF85, #004C6E, #001F30, #00060E)
- Chartreuse Loft color palette (#EFF6FF, #91DD00, #0548CA, #041A49, #000105)
- Hazy Aubergine Delta color palette (#F3F4FF, #52D6A0, #613890, #200938, #010006)
- Tempered Cerulean Studio color palette (#E3F3EC, #A2D8AA, #4291BB, #315C73, #071A14)
- Navy Harbor color palette (#E2F3EE, #C38D70, #004673, #00233E, #041B15)
Browse the whole catalog at Explore, or see today's palette.