Dusty Petrol Alley color palette — #F5EDE2 · #87B8DC · #2A67B5 · #004E5C · #202A55

Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#87B8DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#2A67B5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#202A55): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Antique Petrol color palette (#F0E7DF, #8FB9D7, #4469AD, #004A50, #14083E)
• Aqua Courtyard color palette (#F4EDE3, #57C5C2, #007683, #00523C, #003442)
• Patina Cornflower color palette (#FBE9F0, #9BCBEE, #5984D7, #006B73, #2A2654)
• Muted Periwinkle Cabin color palette (#E2F2F1, #ADD9FB, #4EA9FF, #008BB3, #0D2D59)
• Cerulean Summit color palette (#FEF4E3, #7CE0F0, #008DB0, #00675E, #014566)
• Hushed Orchard color palette (#F6ECDB, #489BB9, #004F76, #002F32, #00132F)
• Worn Workshop color palette (#F9F4ED, #C0F0F7, #839AC2, #4F7964, #5F4C59)
• Soft Grape Coast color palette (#E4E0BB, #799C21, #703EA2, #3C5200, #331A4D)

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