Dusty Petrol color palette — #EDF2F8 · #D6D4DE · #B0B6CB · #2F689D · #17212C

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF2F8): bright and airy, almost weightless.
• Silver (#D6D4DE): bright and airy, almost weightless.
• Ash (#B0B6CB): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#2F689D): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#17212C): 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

• Worn Petrol color palette (#F0F7F4, #E2D7D8, #C5ACB1, #1B6A9B, #2C3F39)
• Antique Garden color palette (#EFF1FC, #D2D1E5, #B0A4C9, #6143A9, #15182B)
• Cerulean Garden color palette (#F0F6FC, #DCD9E3, #C4B0B8, #5590BC, #282F36)
• Hushed Navy color palette (#E9EEF6, #ACB3C4, #898CA2, #073D90, #040B15)
• Smoked Ultramarine Bloom color palette (#DEE8FD, #5259B3, #21223B, #050B1D, #000206)
• Aged Pewter color palette (#C9E0FF, #949ABA, #8A678A, #39583F, #0E3027)
• Periwinkle Hollow color palette (#EBF2FF, #82CFFF, #8DA1FF, #9564AC, #141335)
• Softworn Fern color palette (#E8F6EC, #A1A56B, #546E34, #264B62, #002317)

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