Dusty Petrol color palette — #EDF0E5 · #82B8E0 · #036BB5 · #004C64 · #152E50

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

The five colors

• Cream (#EDF0E5): bright and airy, almost weightless.
• Sky (#82B8E0): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#036BB5): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#152E50): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Cobalt Boulevard color palette (#F1E7DE, #7EBBE4, #3868BB, #004A50, #130E37)
• Dusty Petrol Ridge color palette (#EFF0E4, #7BBFC1, #007682, #00504A, #00343F)
• Cobalt Field color palette (#F8EAEF, #9BCBED, #5A85D0, #006B72, #292850)
• Washed Grove color palette (#F5F6EA, #8ADEEA, #008EA8, #006666, #00475B)
• Softworn Cerulean Atelier color palette (#EBEEDF, #359CBF, #00506F, #002F36, #001625)
• Airy Periwinkle color palette (#F8ECE1, #AED9F8, #89A2E6, #00918E, #332155)
• Timeworn Coast color palette (#F4F6F0, #C4E8ED, #789CC9, #407692, #5E4B5C)
• Ancient Moss color palette (#E2DFC5, #6C8C00, #007693, #3D5100, #002E3C)

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