Dusty Petrol color palette — #EEF7FA · #D4D9E7 · #A6B5C5 · #246F7B · #2D3D44

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

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Silver (#D4D9E7): bright and airy, almost weightless.
• Ash (#A6B5C5): A luminous, dusty blue — the color of open sky before noon.
• Teal (#246F7B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#2D3D44): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Hushed Lagoon color palette (#F1F7F2, #D0DCDD, #D2BBBD, #01919C, #313F33)
• Hushed Ridge color palette (#EFF6FE, #CAD3E5, #9FA5C3, #0059AB, #223449)
• Worn Loft color palette (#F1F5FC, #DBD8E1, #B7A8A8, #71839F, #4F5359)
• Antique Coast color palette (#E2EBF0, #ABBBCA, #828FA2, #004D5F, #11222B)
• Softworn Cypress Terrace color palette (#E8FAF4, #82A67E, #277350, #185553, #073E39)
• Inked Grove color palette (#CCE2F4, #006A9A, #15263E, #061521, #02040B)
• Washed Navy color palette (#EAEFF9, #9599AA, #6F6C8A, #1E1571, #040816)
• Patina Azure color palette (#ECF7FF, #3FDADF, #04ADED, #6C78C7, #0A3452)

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