Dusty Petrol color palette — #EDF7FD · #E5B2A4 · #27667E · #1C3C4F · #22262E

Peacock takes the lead with Sand close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF7FD): a clean, paper-quiet neutral.
• Sand (#E5B2A4): A luminous, dusty orange — the color of sun-warmed clay.
• Peacock (#27667E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#1C3C4F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#22262E): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Aged Stone color palette (#EDF4EE, #B4CD9E, #286D72, #253628, #0E160F)
• Wandering Ridge color palette (#EDF8F1, #F1DBB8, #83A992, #567562, #232F27)
• Denim Bloom color palette (#F1F5FE, #A9B673, #424B87, #212D48, #1D1A23)
• Worn Violet Veranda color palette (#EEF7FB, #84CDE3, #906AAE, #007A93, #2D2D37)
• Dusty Parlor color palette (#EDF6FF, #E08761, #004C7A, #002944, #121423)
• Softworn Terracotta Workshop color palette (#ECF7FA, #119D9A, #9E4046, #43592C, #223539)
• Worn Study color palette (#F1F6FB, #DBD9E1, #B7A7A7, #6086A9, #4F5357)
• Weathered Amber color palette (#D2E0F0, #C07938, #003668, #001631, #050512)

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