Dusty Petrol color palette — #E9F6EE · #A19354 · #3F779F · #5B3A65 · #291722
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#E9F6EE): a clean, paper-quiet neutral.
- Moss (#A19354): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#3F779F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#5B3A65): A full-bodied, balanced pink — the color of peonies in June.
- Onyx (#291722): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Patina Petrol Boulevard color palette (#E9F5F2, #7D9765, #576398, #703B57, #131F13)
- Tempered Driftwood Corridor color palette (#FCEDF4, #AD7752, #287374, #374E7B, #211828)
- Ancient Aubergine Drift color palette (#F5F6EA, #79956D, #187364, #673D77, #37362F)
- Dusty Pier color palette (#FAF5E9, #AC9F6A, #588DB9, #78528A, #39322E)
- Weathered Taupe Canyon color palette (#E9F6EB, #A3B479, #4F866A, #524B75, #19312D)
- Ancient Seafoam Villa color palette (#EBF8FA, #80D0B7, #549FA6, #4E759A, #38232B)
- Patina Hollow color palette (#E0F7F8, #2E9073, #674C8A, #662120, #001B11)
- Timeworn Emerald color palette (#DDF3EF, #5E9259, #2C4041, #13211F, #070E0C)
Browse the whole catalog at Explore, or see today's palette.