Dusty Petrol color palette — #F4F6EF · #BBDDD4 · #6C97D4 · #0075A3 · #273961

Built around Slate, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#BBDDD4): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#6C97D4): A luminous, balanced blue — the color of open sky before noon.
• Slate (#0075A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#273961): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Azure Study color palette (#F3F8E6, #93D4F8, #0095DE, #006F86, #00345E)
• Weathered Petrol Parlor color palette (#ECEFE0, #6FACC1, #007095, #004951, #001624)
• Aged Powder color palette (#F0F8EF, #C8E3FF, #97AEF7, #329BAE, #333854)
• Timeworn Cobalt color palette (#FBF4EB, #A4C9ED, #5C73C1, #005E6B, #512D40)
• Worn Cypress Corridor color palette (#E1E1D8, #7C9C7C, #00646C, #003C35, #000C0F)
• Timeworn Atelier color palette (#F7EDDF, #CBA055, #00AE92, #946900, #003F34)
• Washed Amber color palette (#FFF4E2, #CFE6BB, #C3CF93, #B37A27, #45423B)
• Plum Meadow color palette (#F4E1CA, #C18929, #4C9F45, #C34461, #3C2600)

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