Dusty Petrol color palette — #E4F5FD · #7AC0CF · #98A366 · #008093 · #053A2C
Teal takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E4F5FD): A whisper-light, dusty blue — the color of open sky before noon.
- Ash (#7AC0CF): A luminous, dusty blue — the color of open sky before noon.
- Moss (#98A366): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#008093): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#053A2C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Timeworn Station color palette (#E2F6F9, #83C2B0, #899AD1, #00856D, #252E52)
- Aged Harbor color palette (#EBF5EB, #ABC2AF, #708B70, #734F29, #1C3224)
- Dusty Pier color palette (#EEF8F1, #76BCCC, #CF825F, #008194, #524B47)
- Muted Mustard color palette (#EEF8F1, #7ED3E7, #ADBA67, #389BAF, #4F4D46)
- Airy Meadow color palette (#ECF2FF, #979FD9, #17A392, #5253C1, #002F29)
- Timeworn Cerulean Orchard color palette (#E9F4FB, #D4D7E5, #BEBDE0, #438FA1, #263948)
- Ancient Basalt Workshop color palette (#EDF2FA, #A1CDCE, #4A6287, #1A3152, #0B1420)
- Denim Grove color palette (#E5F4FF, #A9CFEA, #4F8FB1, #005272, #002435)
Browse the whole catalog at Explore, or see today's palette.