Dusty Petrol color palette — #F8F5EF · #B8DED3 · #7495D1 · #007894 · #32365E

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

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#B8DED3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7495D1): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007894): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#32365E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Patina Market color palette (#FAF4EB, #BFDDC5, #2AA5C4, #007E6E, #00405B)
• Gentle Azure Basin color palette (#FBF4E9, #97D4F3, #0F92E7, #00717B, #002A79)
• Timeworn Balcony color palette (#F3EADD, #75ABBD, #006F9B, #004A4A, #00142B)
• Powder Canyon color palette (#FEF1F5, #C6E4FF, #99ACFD, #159FA2, #413255)
• Tempered Indigo Market color palette (#FCF4EB, #A1D1C3, #606DCD, #005F62, #4F2F3C)
• Frosted Studio color palette (#FFE9E3, #E18B97, #00AAAE, #D10151, #003E3F)
• Cobalt Pier color palette (#FCDDD3, #D57479, #519F30, #3075D7, #422116)
• Chestnut Studio color palette (#F5E5D1, #BEAC87, #9C7A40, #824C15, #32302A)

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