Dusty Petrol color palette — #FFF0FC · #4BAB95 · #1F7299 · #703E37 · #21434C

Slate takes the lead with Turquoise close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Turquoise (#4BAB95): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#1F7299): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#703E37): A full-bodied, dusty orange — the color of toasted spice.
• Deep Teal (#21434C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged retro, muted, cool.

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

• Washed Turquoise color palette (#FFF1F5, #6AB5BF, #6377A0, #744C5A, #374B57)
• Timeworn Taupe color palette (#FFF0F8, #88A263, #137A70, #6D395B, #214442)
• Washed Turquoise color palette (#E7FBEC, #47A5BF, #5E6597, #614A00, #264055)
• Washed Pewter Quarry color palette (#EEF9EE, #93BAA6, #657C51, #386167, #2F493C)
• Timeworn Lagoon Hollow color palette (#E9F8FD, #229B99, #824F77, #6F323A, #433701)
• Softworn Parlor color palette (#FBF2F6, #C7E0F4, #6C8BBA, #1C6F73, #3C4764)
• Feathered Denim color palette (#FFDDC2, #008F8D, #005395, #542D00, #002F38)
• Ancient Aubergine Cabin color palette (#EFF5DD, #5DAAB4, #00759A, #533081, #0B2919)

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