Dusty Petrol color palette — #F7EAF3 · #70BED4 · #286DA3 · #00523F · #252A4D
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Cyan (#70BED4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#286DA3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#252A4D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. 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
- Muted Cobalt color palette (#FDF2F7, #A1CBE6, #4B7AB5, #006154, #303957)
- Weathered Cabin color palette (#E8EAE0, #80BED0, #007697, #004A50, #001926)
- Denim Workshop color palette (#F3DCE5, #6FA6CA, #38519D, #003E3C, #23163D)
- Teal Villa color palette (#D0F2E5, #00A6A2, #006375, #004467, #162B56)
- Antique Lilac Coast color palette (#E8F7FF, #A7CCFF, #B681C6, #166A52, #193547)
- Cerulean Hollow color palette (#C8EAFF, #0099CE, #005C7C, #002D48, #001C2C)
- Timeworn Lagoon Drift color palette (#F7E8F5, #00A3A8, #00516B, #003214, #001330)
- Worn Azure color palette (#F5ECE8, #B7DEC6, #29AFF7, #009381, #142C55)
Browse the whole catalog at Explore, or see today's palette.