Dusty Petrol color palette — #F7EAF3 · #7EC5C5 · #007389 · #004026 · #000307

A conversation between Teal and Forest, giving this palette its sense of nature and growth.

The five colors

• Blush (#F7EAF3): a clean, paper-quiet neutral.
• Mint Leaf (#7EC5C5): A luminous, dusty teal — the color of sea glass.
• Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Muted Cobalt color palette (#FFF0FA, #8BDAEB, #0084B7, #005345, #000C23)
• Aged Meadow color palette (#F3E6ED, #75ABC3, #005697, #002B2A, #00000B)
• Softworn Atelier color palette (#FBE8EF, #8DBDE3, #2856E0, #003D44, #030011)
• Airy Chapel color palette (#D7F5FF, #8DD5FF, #9495FF, #006948, #00090C)
• Hushed Lagoon color palette (#CFE9D8, #009272, #005D5D, #002C33, #000203)
• Dusty Aqua color palette (#E5E6D7, #35C6C9, #0094A1, #006E63, #00171D)
• Faded Brick color palette (#E0F3F9, #009093, #C2021A, #004547, #050000)
• Weathered Cerulean Loft color palette (#A4EDFF, #00A2BD, #005868, #00161B, #000102)

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