Dusty Petrol color palette — #FBF3F6 · #D7DFF1 · #829CBA · #427880 · #48526C

Teal and Blue Fog set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#FBF3F6): bright and airy, almost weightless.
• Frost (#D7DFF1): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#829CBA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#427880): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#48526C): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Timeworn Market color palette (#F5F1EB, #C8E1E1, #7AA1C0, #29787E, #412F41)
• Cerulean Hollow color palette (#F1F7F2, #D8DEED, #90B6D5, #1D97A1, #40546D)
• Washed Lagoon Courtyard color palette (#F8F2FF, #BA85A4, #349B9C, #407A92, #473E51)
• Muted Petrol Station color palette (#F7EAF6, #8CB9C9, #007297, #00532A, #092C5C)
• Pewter Drift color palette (#F7F3FE, #D59BC0, #61A89E, #955D81, #22555E)
• Powdered Fern color palette (#FAF2FA, #9DDCD6, #008EA8, #2C6920, #00436D)
• Weathered Loft color palette (#F9E9F3, #70A8BC, #00589F, #003F34, #19144C)
• Dusty Navy color palette (#ECDEE3, #5387A7, #163189, #002221, #0D0025)

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