Dusty Petrol color palette — #E9F5F0 · #8B883B · #306CB1 · #633E5F · #24161E
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E9F5F0): bright and airy, almost weightless.
- Moss (#8B883B): A luminous, balanced green — the color of new leaves after rain.
- Slate (#306CB1): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#633E5F): A full-bodied, dusty pink — the color of peonies in June.
- Ink (#24161E): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Antique Bronze Archive color palette (#EBF5EC, #A57B34, #007E93, #4E4072, #261925)
- Antique Petrol color palette (#E9F5F3, #729F71, #5C619D, #723E4D, #121F15)
- Timeworn Petrol Field color palette (#E7F5F3, #7EAA72, #007DA4, #603C69, #371E2C)
- Ancient Moss Loft color palette (#F8F6E8, #728F33, #5C639A, #444974, #43332E)
- Washed Alley color palette (#F9F5E8, #ACAD5D, #5A89B3, #7B557A, #38322D)
- Softworn Aubergine Archive color palette (#E2F6F9, #008A70, #7C358F, #701F15, #031710)
- Tempered Nightshade color palette (#D7FBF4, #518E20, #3800D3, #65003E, #1A0C00)
- Dusty Cabin color palette (#D6F5FF, #007A7E, #710063, #4B2100, #010700)
Browse the whole catalog at Explore, or see today's palette.