Dusty Petrol color palette — #F3E4EB · #88BCD3 · #286FAB · #004B49 · #080D3F

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F3E4EB): bright and airy, almost weightless.
• Sky (#88BCD3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#286FAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#080D3F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Weathered Balcony color palette (#E5F2F0, #93B7CE, #00709F, #004E5B, #003050)
• Denim Courtyard color palette (#F2E6EE, #5DACA7, #006372, #003C1D, #000D16)
• Softworn Cerulean Lagoon color palette (#FCEDF7, #96DFDF, #0092AE, #006640, #00283F)
• Aged Navy Courtyard color palette (#EEDAE0, #4A7DA8, #1E347B, #001F23, #010009)
• Worn Periwinkle Orchard color palette (#C1F3F8, #7CE0E9, #6C9ED5, #436227, #001C1D)
• Plum Pier color palette (#C4F1F6, #00947B, #A73D7E, #005344, #270019)
• Emerald Orchard color palette (#E2EFD0, #48A041, #006E53, #003732, #001A1C)
• Quiet Mulberry Summit color palette (#C5E6EA, #007D68, #9B2C6B, #842040, #000E0A)

Browse the whole catalog at Explore, or see today's palette.