Dusty Petrol color palette — #ECF8F6 · #6B9764 · #5F5EA8 · #6F3A4E · #2D392E
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#ECF8F6): a clean, paper-quiet neutral.
- Moss (#6B9764): A luminous, balanced green — the color of new leaves after rain.
- Slate (#5F5EA8): A full-bodied, balanced violet — the color of a velvet chair.
- Cocoa (#6F3A4E): A full-bodied, dusty rose — the color of a warm blush.
- Forest (#2D392E): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Worn Delta color palette (#EDF8F3, #898234, #266DA2, #64436D, #3C2A34)
- Dusty Ridge color palette (#EBF8F9, #55AB8B, #4173A9, #714066, #553845)
- Weathered Basin color palette (#E9F8FD, #2D928B, #884A8D, #6E4029, #283C37)
- Muted Ridge color palette (#E2F7F6, #2EA26C, #6F5A90, #564571, #21141C)
- Moss Archive color palette (#F8F5EA, #91A73C, #B87193, #845957, #3F2E2B)
- Dusty Driftwood Lagoon color palette (#EFF7F6, #D3DBE0, #AFAAB4, #658D70, #4A5554)
- Grape Loft color palette (#E3FBFB, #008054, #7003C0, #700022, #282100)
- Lagoon Chapel color palette (#D5FFFA, #96D0B4, #08988B, #006C71, #005369)
Browse the whole catalog at Explore, or see today's palette.