Dusty Petrol Alley color palette — #E9FAF3 · #D9C191 · #467799 · #224B3F · #112620

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

The five colors

• Ivory (#E9FAF3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sand (#D9C191): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#467799): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#224B3F): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#112620): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Dusty Petrol Alley 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

• Petrol Courtyard color palette (#FEF1FA, #D9C191, #636F9B, #54374E, #2A1D27)
• Cobalt Loft color palette (#EDF7FF, #FFE2A5, #317EAD, #153C55, #06111A)
• Azure Balcony color palette (#EEF6FF, #FFC7AD, #5D98DC, #4E657F, #18232E)
• Tempered Denim color palette (#EBF9F5, #D1A38A, #255480, #093051, #102621)
• Iris Thicket color palette (#FAF3F8, #E2D7D7, #D0BCB7, #808BC1, #4E444B)
• Washed Balcony color palette (#F9F3FA, #9BC8FF, #A979BE, #4582CB, #301E23)
• Iris Grove color palette (#FFF0FD, #6A8EDE, #AF6A54, #51601A, #1D2E1E)
• Timeworn Marigold color palette (#F2DDF0, #D6A200, #2956AC, #06276A, #020D2A)

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