Dusty Petrol color palette — #E8EEF2 · #9DA0AC · #8587A5 · #006D91 · #010A13

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#E8EEF2): bright and airy, almost weightless.
• Blue Fog (#9DA0AC): a calm mid-gray that lets other colors speak.
• Slate Blue (#8587A5): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006D91): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#010A13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Weathered Abyss color palette (#D6E1E8, #9BA6B2, #7D869E, #004D62, #000B13)
• Weathered Coast color palette (#E3E7EF, #A39DAB, #9483A0, #5253BB, #040817)
• Weathered Onyx color palette (#D6E3DD, #7E938C, #78627A, #002E41, #000201)
• Tempered Garnet Ridge color palette (#D7DFF9, #8680B8, #725B88, #712F3A, #250000)
• Tempered Market color palette (#EDF0F6, #C2BDCB, #ADA1B8, #6474DE, #171F30)
• Lagoon Canyon color palette (#CBE5E3, #459B7B, #007360, #005353, #000804)
• Powdered Coast color palette (#EBDEED, #237BD4, #4144C2, #6A004A, #000213)
• Ancient Indigo Orchard color palette (#CEE5FF, #04B2ED, #2192FC, #5758FF, #00020E)

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