Dusty Petrol color palette — #FBF3F5 · #C7DFF7 · #7689B6 · #006F7C · #3E4665

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

The five colors

• Ivory (#FBF3F5): a clean, paper-quiet neutral.
• Powder Blue (#C7DFF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7689B6): A luminous, dusty violet — the color of a velvet chair.
• Teal (#006F7C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3E4665): A full-bodied, dusty violet — the color of twilight just after sunset.

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

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

• Weathered Periwinkle color palette (#EDF8F7, #D6DAF6, #76A8E6, #4682A1, #394960)
• Antique Azure color palette (#F0F3EB, #BDE7DA, #5C90CE, #00678B, #382436)
• Antique Villa color palette (#F7E7F2, #599C9D, #005363, #00321D, #001625)
• Worn Cerulean color palette (#FBF2F9, #ABCBD6, #0085A7, #006247, #133D5E)
• Chalky Olive color palette (#E9F9F5, #91AA6D, #A472BC, #527200, #523460)
• Bronze Drift color palette (#DFFDF5, #C3E4F4, #9BCEF5, #968138, #2F5B57)
• Soft Plum Drift color palette (#D9FEFB, #5B9968, #766FBB, #9B408A, #09413E)
• Patina Cocoa Station color palette (#FFF1F7, #93B094, #966644, #7A3E35, #254534)

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