Dusty Petrol color palette — #EEF8F1 · #D1BC82 · #90A168 · #356AA3 · #2F1A25
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF8F1): bright and airy, almost weightless.
- Sand (#D1BC82): A luminous, dusty green — the color of new leaves after rain.
- Moss (#90A168): A luminous, balanced green — the color of fresh herbs.
- Slate (#356AA3): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#2F1A25): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Muted Denim color palette (#EFF8F1, #CFBB81, #609E70, #615A99, #16291D)
- Dusty Petrol Ridge color palette (#FCF2FA, #E9AFA9, #AA8D4C, #077A9C, #2E1E2C)
- Aged Alley color palette (#FAF2F9, #F4BBBB, #82A671, #775C97, #492D48)
- Hushed Chapel color palette (#EDF9F0, #C3AC74, #3E5B56, #212F25, #140D11)
- Antique Mulberry color palette (#E8F9F7, #86B981, #009690, #893F6E, #03221C)
- Worn Teal Cabin color palette (#FDF3ED, #FBAC87, #17BFB6, #748CB8, #422D2D)
- Washed Lantern color palette (#FEF3E8, #B17739, #277688, #075464, #402D34)
- Washed Hollow color palette (#E6FBF3, #849A36, #008373, #5E208B, #000E08)
Browse the whole catalog at Explore, or see today's palette.