Dusty Petrol color palette — #F1E5ED · #7ABFD2 · #0073A6 · #004C42 · #021434
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Blush (#F1E5ED): a clean, paper-quiet neutral.
- Sky (#7ABFD2): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#021434): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Petrol Lagoon color palette (#E4F2F0, #75BED2, #007393, #004F55, #003248)
- Sapphire Station color palette (#E3ECE2, #8DB8E2, #455DD1, #004A55, #180D32)
- Quiet Ultramarine color palette (#EFDCE3, #62A5CE, #0050BA, #00393C, #09002E)
- Cornflower Alley color palette (#FAEEF2, #A4D6FF, #4678F9, #00616B, #241B4D)
- Quiet Chapel color palette (#F9EBE3, #7AD3EA, #398FC1, #006D60, #152D54)
- Weathered Navy Corridor color palette (#E9DEE3, #3C81A3, #003A76, #001F20, #01000B)
- Timeworn Teal Market color palette (#AEF1E2, #00AF96, #006556, #002C26, #000705)
- Patina Byzantium Hollow color palette (#DAEBEB, #00966F, #A52CA4, #00543D, #240024)
Browse the whole catalog at Explore, or see today's palette.