Dusty Petrol color palette — #F3F6F0 · #78C0A5 · #6A65A8 · #007155 · #311D28

Slate and Pine set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Mint Leaf (#78C0A5): A luminous, balanced teal — the color of glacier melt.
• Slate (#6A65A8): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#007155): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#311D28): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Pewter Bloom color palette (#EFF8F2, #6EBBD1, #885A94, #006B80, #341C22)
• Powdered Olive color palette (#F5F6ED, #95BB88, #0279A2, #2B7200, #0D2A20)
• Dusty Petrol Hollow color palette (#EAF4F6, #5EC7C3, #0080A7, #007472, #041017)
• Washed Meadow color palette (#FFF3E7, #3DAAA8, #366DA4, #733F00, #264532)
• Gentle Hollow color palette (#F1F7F0, #6ED8D8, #0098E1, #009393, #172823)
• Hazy Navy color palette (#E0F8D1, #73BFC2, #1283A6, #0C4AA1, #39287A)
• Ancient Mulberry color palette (#EBF9F5, #6D9ECC, #873F76, #00528B, #261113)
• Aqua Drift color palette (#E8FBEE, #9CF8D8, #00CFEB, #8981DC, #14473C)

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