Dusty Petrol Drift color palette — #D7E2E7 · #B3C6DC · #9BA3C1 · #006D7D · #0B222C
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#D7E2E7): a clean, paper-quiet neutral.
- Sky (#B3C6DC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#9BA3C1): A luminous, dusty violet — the color of a velvet chair.
- Teal (#006D7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#0B222C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Dusty Petrol Drift 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
- Denim Terrace color palette (#DFE7ED, #ABB4C9, #9392AB, #005980, #031623)
- Worn Cerulean color palette (#E4EBF0, #BABFD0, #A1A5BE, #008DB3, #13212A)
- Wandering Pewter Workshop color palette (#ECEEF6, #D9D4E8, #C0B2C3, #71699F, #2A2D3B)
- Washed Pewter color palette (#C6E8E4, #60A2CA, #7B619F, #49541B, #222900)
- Worn Denim color palette (#CCE2F7, #0064A6, #41373B, #271B42, #000A18)
- Tempered Loft color palette (#CEE4F1, #00829E, #8B3200, #472D00, #191000)
- Emerald Boulevard color palette (#DBF0E5, #50A952, #007161, #224962, #052106)
- Hushed Pier color palette (#FFE9CF, #0091A0, #523BBD, #4F3100, #001927)
Browse the whole catalog at Explore, or see today's palette.