Dusty Petrol color palette — #E7F1F0 · #90B8CE · #007296 · #004E56 · #00324A

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

The five colors

• Cream (#E7F1F0): bright and airy, almost weightless.
• Ash (#90B8CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Teal (#00324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Antique Petrol color palette (#F1E5EC, #84BDD1, #0071AD, #004C45, #071332)
• Tempered Cobalt color palette (#EBF8F7, #AEC9DC, #3280AF, #005D6F, #1D3D5A)
• Aged Cabin color palette (#EDF1DF, #9BDFF6, #40B2E1, #008F9D, #01324B)
• Wandering Petrol Alley color palette (#EFF7F6, #D5DCEE, #7A9EB9, #007C8E, #3F5569)
• Tempered Cerulean color palette (#D1E5E1, #499EA6, #005360, #00302E, #00171F)
• Washed Meadow color palette (#F0F2FF, #D3B3E6, #BD81BA, #544C9A, #343354)
• Tempered Mulberry Canyon color palette (#DAE0F0, #635DB7, #9C296B, #005668, #1C1743)
• Misty Nightshade color palette (#D5DEF3, #6F75C8, #007B6E, #3D10C3, #00312B)

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