Dusty Petrol color palette — #F2F5FC · #DFD8E1 · #CABAC4 · #6771A0 · #44484F

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F2F5FC): a clean, paper-quiet neutral.
• Silver (#DFD8E1): a clean, paper-quiet neutral.
• Stone (#CABAC4): A luminous, dusty pink — the color of neon signs at night.
• Slate (#6771A0): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#44484F): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Tempered Cobalt Alley color palette (#F6F0F3, #E1D4D3, #C8B9B4, #6B6BB5, #34282F)
• Antique Plum color palette (#F6F3FD, #E6D4DB, #CAB5C0, #96478F, #413D4B)
• Weathered Driftwood color palette (#EEF6FF, #ADAFD0, #907893, #466E70, #385360)
• Antique Stone color palette (#EDF8F0, #A5B78C, #517F67, #60536E, #2D4942)
• Worn Violet color palette (#E2E3F6, #8659AC, #392D40, #1D1D2B, #0D0B12)
• Wandering Mallow color palette (#F3F4FF, #CFDDFE, #C5AEFC, #B96871, #523754)
• Antique Garnet color palette (#F1ECF3, #C4B3BE, #7F9580, #781B3F, #251B29)
• Softworn Pewter color palette (#E2FBFA, #6C9CCC, #835786, #235B38, #323C56)

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