Dusty Petrol color palette — #E9F5EC · #007A88 · #674F00 · #1D3800 · #030E00

Teal takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E9F5EC): bright and airy, almost weightless.
• Teal (#007A88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#674F00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#1D3800): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#030E00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Misty Field color palette (#FFEEE7, #B12E34, #5C5000, #134500, #020C01)
• Weathered Field color palette (#FBEEEC, #B66174, #745700, #394B00, #0E1807)
• Gentle Sapphire Orchard color palette (#FFEFDE, #2D70E6, #1B6D04, #004139, #00120A)
• Lapis Harbor color palette (#F1F5FF, #4B51D1, #614000, #363400, #05262C)
• Airy Mulberry Balcony color palette (#F2F4DF, #3B8208, #9F0029, #482500, #0D0800)
• Tempered Alley color palette (#FFEDED, #AD3988, #753B00, #383100, #080A00)
• Worn Archive color palette (#F0F6FF, #5275FA, #9A477F, #005C58, #0C2230)
• Tempered Azure color palette (#FCF1FE, #359BFC, #AA3E00, #105D12, #110313)

Browse the whole catalog at Explore, or see today's palette.