Dusty Petrol color palette — #F4EBF2 · #88BACE · #007297 · #005140 · #002E58

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

The five colors

• Blush (#F4EBF2): bright and airy, almost weightless.
• Ash (#88BACE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#002E58): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Weathered Petrol Bloom color palette (#F9EAEE, #97B4D3, #4E61B0, #004E5A, #302551)
• Antique Basin color palette (#FAF3F7, #A5CBE0, #427FA8, #006157, #273A5D)
• Worn Terrace color palette (#E9EADE, #97BFA1, #00788E, #004B4B, #001922)
• Weathered Denim Quarry color palette (#EBF3FF, #C2C5ED, #CB81A1, #006496, #392C52)
• Muted Meadow color palette (#FDEAE2, #98E1EB, #00B4E9, #319175, #0F2F4E)
• Tempered Lagoon color palette (#F5EBF2, #559E9A, #005360, #003219, #001623)
• Washed Cypress color palette (#F9F3F7, #D5E0F2, #6DA0C0, #16806E, #43546A)
• Hazy Indigo Lagoon color palette (#DAE3FF, #665ABB, #7B5700, #4E5100, #1E1742)

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