Dusty Petrol color palette — #DEF4EB · #0074A1 · #703200 · #222C00 · #080D00

Built around Slate, softened by Rust — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DEF4EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#703200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#222C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#080D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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 Station color palette (#E2F5E2, #007B7B, #84003A, #1E2D00, #070D00)
• Midnight Garnet Station color palette (#DFF0E4, #006374, #6B0016, #00201C, #000504)
• Gentle Hollow color palette (#D1E4F8, #0188EB, #8A5600, #4A4400, #242000)
• Tempered Chestnut color palette (#E8F6EF, #3799C1, #994D00, #004B4C, #07250C)
• Iris Harbor color palette (#D1F5FD, #7588BF, #885978, #234D26, #1D2004)
• Worn Plum color palette (#F0F6FF, #5D8AFF, #B5005D, #443700, #00100F)
• Hazy Lapis Pier color palette (#F1D8EA, #4B52FF, #5C4A00, #003433, #001212)
• Aged Cabin color palette (#F2E6E3, #77C3BD, #00788E, #0F4F04, #00172B)

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