Dusty Petrol color palette — #F0F6FF · #DAD8E2 · #A4B7E9 · #556694 · #192A47
Built around Slate, softened by Sky — the whole palette hums with creativity and calm.
The five colors
- Ivory (#F0F6FF): a clean, paper-quiet neutral.
- Silver (#DAD8E2): a clean, paper-quiet neutral.
- Sky (#A4B7E9): A luminous, dusty violet — the color of a velvet chair.
- Slate (#556694): A full-bodied, dusty violet — the color of wild irises.
- Midnight (#192A47): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Sophistication. Tagged monochrome, muted, cool.
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
- Tempered Iris Villa color palette (#EFF6FF, #D8D8F8, #9FB5F1, #678BCF, #30395D)
- Dusty Iris color palette (#FFEBFA, #B2CCFC, #7086C9, #34507C, #281326)
- Patina Powder Veranda color palette (#EFF6FF, #DCD8E3, #A1C5DE, #BBB0AA, #474E5E)
- Wandering Bloom color palette (#F3F4FF, #CCB6F7, #BFAD75, #688D6C, #2F303F)
- Patina Wisteria Market color palette (#F6F3FF, #FBD2DD, #D28DC3, #764576, #320A30)
- Washed Driftwood Balcony color palette (#E8FAF2, #BFE3E7, #94B8A7, #62836D, #2D4541)
- Patina Aubergine Study color palette (#F6F3FF, #CCB0FF, #8860C2, #461278, #060012)
- Iris Workshop color palette (#F4F4FF, #E8D3EF, #9379F6, #4C31A5, #15003E)
Browse the whole catalog at Explore, or see today's palette.