Dusty Petrol color palette — #F1E5ED · #73C1D3 · #0071AD · #004D38 · #0A0F3B
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F1E5ED): a clean, paper-quiet neutral.
- Cyan (#73C1D3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0A0F3B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Sapphire Ridge color palette (#F2E5E9, #8FB8DD, #505CCB, #004B4D, #1E0833)
- Hushed Petrol color palette (#E8F1EA, #7BBDCD, #007297, #00504D, #003051)
- Cobalt Lantern color palette (#FAEBE3, #73D4EC, #458DC3, #006F53, #232B4E)
- Indigo Balcony color palette (#FCEDF2, #ADD5F5, #5B75F3, #006262, #2A1B42)
- Wandering Azure color palette (#CEE3F3, #119CDA, #005D79, #002B41, #00060C)
- Powdered Corridor color palette (#D0EFFF, #AED0FC, #CD85E0, #007252, #001B2D)
- Lagoon Coast color palette (#CDECDD, #00948A, #00616C, #003A53, #000F33)
- Wandering Chestnut color palette (#D5EEF9, #007985, #855000, #534700, #000E10)
Browse the whole catalog at Explore, or see today's palette.