Dusty Petrol color palette — #FFF0FD · #E8D3D8 · #93AFE7 · #4C68A3 · #1C2F51
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Silver (#E8D3D8): A whisper-light, dusty red — the color of late-summer berries.
- Sky (#93AFE7): A luminous, balanced violet — the color of a velvet chair.
- Slate (#4C68A3): A full-bodied, balanced violet — the color of wild irises.
- Navy (#1C2F51): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Timeworn Petrol color palette (#DCFEF2, #BAE4E7, #83BEE8, #266FA1, #022942)
- Worn Pewter color palette (#FFF1F5, #E4D5D3, #CAA9E1, #7D5596, #321D3F)
- Powder Market color palette (#FFEFFF, #DBDAF8, #97B6FC, #6D8FBF, #442C43)
- Antique Corridor color palette (#EAF3FF, #AAC7FE, #6682B3, #3B4F75, #0F1F38)
- Worn Powder color palette (#FDF1FC, #E8D4D8, #90BDE2, #B0B1A6, #5A4757)
- Aged Basalt Delta color palette (#F0EAFF, #D8CCC4, #B0BCC4, #5A3F4B, #2E2227)
- Worn Aubergine Pier color palette (#F5F3FF, #C4B9FF, #8363E1, #440094, #040011)
- Ancient Lagoon color palette (#EAF9F4, #99CAED, #A6B688, #3E956D, #1E3830)
Browse the whole catalog at Explore, or see today's palette.