Dusty Petrol color palette — #F0ECCD · #56A182 · #007593 · #462800 · #031500
A conversation between Teal and Fern, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F0ECCD): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#56A182): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007593): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#462800): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#031500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged pastel, light, 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
- Garnet Summit color palette (#F0E0C8, #8CA55D, #00807A, #601D00, #101300)
- Weathered Emerald Boulevard color palette (#C9EBE1, #3D9F65, #007667, #302B00, #000504)
- Petrol Courtyard color palette (#E9F1E0, #4FA5B5, #5866AC, #283100, #000D0C)
- Dusty Balcony color palette (#E6E5C9, #77B47E, #009987, #575100, #021000)
- Patina Canyon color palette (#D6E5DE, #6EBE95, #00A6C4, #8A5917, #001611)
- Iris Studio color palette (#D8E6C3, #80C1CB, #6388D9, #4F4F00, #00302F)
- Violet Courtyard color palette (#DDEAD8, #56B1D1, #7F66D6, #125101, #001D1F)
- Deep Navy Harbor color palette (#DCE1D1, #006D3E, #0C0082, #002511, #000010)
Browse the whole catalog at Explore, or see today's palette.