Dusty Petrol color palette — #E6EFE8 · #8CA8A6 · #6C9192 · #00707F · #030C05

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

The five colors

• Cream (#E6EFE8): bright and airy, almost weightless.
• Taupe (#8CA8A6): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#6C9192): A luminous, dusty teal — the color of sea glass.
• Teal (#00707F): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#030C05): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Delta color palette (#DFE9E5, #B39EA5, #A8818A, #1C699B, #000D08)
• Antique Abyss color palette (#D9E2DA, #91ACA0, #937E92, #004F54, #020D03)
• Antique Spruce Veranda color palette (#E5EBE6, #82928B, #7C6174, #003133, #000200)
• Worn Cobalt color palette (#D5EAE0, #00B9C8, #009BC7, #0076C0, #00050A)
• Sunlit Loft color palette (#DEF7E3, #0087A7, #005E95, #541C68, #000407)
• Wandering Cobalt Atelier color palette (#EFE7F0, #D2B9BE, #BE9DA2, #5782B9, #271A27)
• Antique Field color palette (#D4E4F0, #5985C1, #61669F, #683E58, #24000E)
• Airy Emerald color palette (#EEEED9, #4D9E4B, #00763D, #005542, #000900)

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