Dusty Petrol color palette — #EFF6FB · #D6D9E7 · #ADBDD6 · #007694 · #2B4351

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D6D9E7): bright and airy, almost weightless.
• Ash (#ADBDD6): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007694): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#2B4351): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Sapphire Veranda color palette (#F1F5FE, #DCD7E2, #B9B8D9, #4E60BE, #344056)
• Muted Workshop color palette (#E8F0F6, #C6CDD5, #97A1B3, #005C81, #20303C)
• Weathered Cerulean Thicket color palette (#EEF8F1, #ECDAE0, #E0BBBB, #0096B0, #37433B)
• Washed Driftwood color palette (#F4F5FB, #DDD8DD, #B7A8A4, #8A76AD, #50525C)
• Sapphire Study color palette (#D4E5F7, #0069BE, #23264C, #001834, #050815)
• Ancient Quarry color palette (#E5FBF6, #76B38D, #007B65, #005C65, #13452A)
• Chestnut Chapel color palette (#E1F1FF, #93A8CA, #816D9D, #834F1B, #594A0E)
• Wandering Navy Atelier color palette (#E5EAF4, #A6A8B8, #7F7B99, #2D1E89, #0D1322)

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