Dusty Petrol color palette — #F0F6FD · #DAD7E7 · #ABB3C9 · #3F639F · #353B44
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F6FD): a clean, paper-quiet neutral.
- Silver (#DAD7E7): A whisper-light, dusty violet — the color of a velvet chair.
- Ash (#ABB3C9): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#3F639F): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#353B44): quiet, heavy and certain.
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
- Worn Petrol Lantern color palette (#EBF3FB, #D8D3E3, #B5B5CB, #44678D, #19212A)
- Timeworn Garden color palette (#F9F3F9, #E5D5D6, #CCB9B6, #5883B5, #3E383F)
- Wandering Pewter Quarry color palette (#DDE0FF, #A6A1C7, #796B90, #69495D, #583131)
- Worn Lantern color palette (#F3F4FF, #D1CFE7, #C196C0, #6F3D9D, #303047)
- Misty Iris Study color palette (#F1F5FF, #98BFFF, #9196FF, #855BBA, #302D50)
- Patina Parlor color palette (#DFE2E8, #B2B9C9, #858CAD, #2A3794, #191F2B)
- Obsidian Lapis Chapel color palette (#DEE3F3, #5E4CBE, #2A1E3F, #0E1222, #040309)
- Weathered Olive color palette (#E7FAF3, #8EA376, #3C7228, #025656, #1A3D35)
Browse the whole catalog at Explore, or see today's palette.