Dusty Petrol color palette — #ECE3CC · #628F6A · #007785 · #6D3B3A · #250003

Built around Teal, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Parchment (#ECE3CC): A whisper-light, dusty gold — the color of honey in a jar.
• Fern (#628F6A): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007785): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#6D3B3A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Ink (#250003): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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 Petrol color palette (#DDEDEA, #439593, #306AA9, #5E4017, #1B0E00)
• Dusty Driftwood color palette (#F3E1DC, #958238, #1F785F, #65355E, #150926)
• Patina Onyx color palette (#D7E2D5, #3C8C79, #00616D, #481A4A, #280011)
• Wandering Pine Archive color palette (#D3E3D7, #77944D, #00744D, #5A4500, #040700)
• Wandering Pine color palette (#DFF2D7, #00924B, #007168, #004650, #000C14)
• Soft Brick color palette (#D0F7F7, #008456, #C0080F, #854500, #000201)
• Plum Chapel color palette (#D0ECF6, #008F98, #CA0075, #006066, #120006)
• Muted Lagoon Boulevard color palette (#E0F5DF, #13997D, #005E69, #331634, #050002)

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