Dusty Petrol color palette — #E3ECE4 · #96B8D4 · #3A6DA7 · #004955 · #081137

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E3ECE4): bright and airy, almost weightless.
• Ash (#96B8D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3A6DA7): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004955): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#081137): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ancient Petrol Parlor color palette (#E0EDE3, #80C1C1, #007989, #004D3B, #001923)
• Washed Study color palette (#EAF5EC, #AACBED, #5F7BB4, #00586F, #1A1B40)
• Sapphire Harbor color palette (#F6EDE5, #92BCAD, #4562B7, #00504E, #322253)
• Dusty Ash Garden color palette (#EDF4EE, #D7DBEE, #849EC0, #487186, #2A364F)
• Dusty Courtyard color palette (#E5F1E7, #3E96B2, #004F73, #002B2C, #00040F)
• Mulberry Balcony color palette (#DBECCA, #517900, #0061A5, #8E0739, #060E00)
• Sunlit Grape color palette (#D1F5E9, #809B21, #7639A6, #3E4E00, #1D0031)
• Pale Fern Garden color palette (#C5F8E9, #9DD2A7, #60B4A8, #6C620A, #052506)

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