Dusty Petrol color palette — #D8E6E9 · #909CA2 · #55758C · #003231 · #000C10

Slate takes the lead with Deep Forest close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#D8E6E9): bright and airy, almost weightless.
• Blue Fog (#909CA2): a calm mid-gray that lets other colors speak.
• Slate (#55758C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003231): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C10): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Navy Basin color palette (#EAEFF7, #A4A9B5, #797C9C, #00327A, #081424)
• Hushed Abyss color palette (#E1E7E0, #98A9A0, #997A97, #00514A, #040C02)
• Weathered Cypress Ridge color palette (#DEEADE, #8FA6A3, #689293, #007270, #030C03)
• Navy Garden color palette (#CEEDFA, #009078, #007086, #00366F, #000305)
• Denim Thicket color palette (#E8F0F4, #C5CDD4, #93A2B3, #005F70, #1F3139)
• Hushed Navy color palette (#C7E5EA, #48738E, #283463, #400B07, #1F0E00)
• Worn Harbor color palette (#F0F5FF, #CDD2E3, #A3A2C7, #303BDB, #273348)
• Twilit Abyss Balcony color palette (#D7EADB, #005559, #00273D, #220007, #000406)

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