Dusty Petrol color palette — #E7F0F6 · #D0D8E3 · #ADB7D2 · #007E9E · #253036

A conversation between Cerulean and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F0F6): a clean, paper-quiet neutral.
• Silver (#D0D8E3): a clean, paper-quiet neutral.
• Ash (#ADB7D2): A luminous, dusty violet — the color of wild irises.
• Cerulean (#007E9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#253036): quiet, heavy and certain.

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

• Cerulean Study color palette (#EFF7F3, #CDE2E5, #DAC3C8, #1D81A5, #0C241A)
• Ancient Station color palette (#DFE5EB, #BCC4D5, #9FA1C6, #0065A2, #14212C)
• Cerulean Station color palette (#F1F6FB, #DDD9E3, #C8BCCA, #7191BF, #43484F)
• Violet Pier color palette (#D1EEFC, #89A6D5, #9269B1, #376658, #2D3B14)
• Indigo Archive color palette (#F1F5FF, #DBDCF0, #C5B5DE, #6463E1, #2B3245)
• Cypress Corridor color palette (#D7E9E4, #75B689, #008473, #1E5D74, #00302F)
• Linen Plum color palette (#D3E4F1, #0092C5, #B12146, #563E00, #122500)
• Feathered Lapis color palette (#C6E8D0, #00A3C3, #504FE0, #584600, #00273E)

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