Dusty Petrol color palette — #EEF4EF · #D5DCF0 · #7AA0C6 · #317680 · #29374B

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Silver (#D5DCF0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7AA0C6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#317680): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#29374B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Hushed Denim color palette (#DDE8DF, #70A5BC, #005D91, #00393D, #000921)
• Tempered Cypress color palette (#FBF4EE, #C9E9EA, #849AC0, #3E7B74, #604C56)
• Weathered Alley color palette (#FAECFE, #D47F94, #7D9A3A, #527DA0, #2E2232)
• Patina Cerulean color palette (#EAF5EC, #8DE1E0, #0093A5, #00644D, #002A37)
• Powder Workshop color palette (#FAF3F6, #D8D4DF, #AFCDFF, #57A197, #464C63)
• Washed Navy color palette (#E4ECE5, #547D9E, #003682, #001E26, #01000B)
• Softworn Lagoon Cabin color palette (#DAE7DC, #519893, #00545B, #002D1E, #000508)
• Muted Sand Dune color palette (#FAEDFD, #F7E5B4, #ECD0D6, #A07991, #403540)

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