Dusty Petrol color palette — #FCECF8 · #9EB2E6 · #AF9A69 · #5C6FA7 · #34302A

Slate takes the lead with Sky close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#FCECF8): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#9EB2E6): A luminous, dusty violet — the color of twilight just after sunset.
• Camel (#AF9A69): A luminous, dusty gold — the color of honey in a jar.
• Slate (#5C6FA7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#34302A): quiet, heavy and certain.

Feels like: Optimism, Creativity, 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

• Patina Thicket color palette (#FCEEF1, #C5A7CF, #83A878, #876194, #31322B)
• Muted Workshop color palette (#E9F6EE, #84BDD1, #CA8A78, #277D95, #362F2C)
• Dusty Alley color palette (#EFF6FF, #94B2DD, #A39B5A, #4673B4, #335644)
• Dusty Bloom color palette (#FFEBF9, #8D98D2, #BF7865, #548566, #33212D)
• Timeworn Lantern color palette (#FFEBF7, #C7CDFF, #7A7FB0, #444473, #1F1A3D)
• Patina Stone color palette (#FAEEF1, #D6C196, #7A5561, #422831, #1B1014)
• Muted Aubergine Coast color palette (#FFECF5, #A994FF, #858600, #562BAE, #222200)
• Washed Periwinkle color palette (#FCF1FA, #E0D8F2, #DFCA91, #7F97D9, #5C4100)

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