Dusty Petrol color palette — #EEEFE7 · #93BDA2 · #00748F · #004F53 · #003346

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

The five colors

• Cream (#EEEFE7): bright and airy, almost weightless.
• Sage (#93BDA2): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#003346): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Workshop color palette (#F4F6ED, #AACFBC, #0B82B2, #005E6B, #183E59)
• Worn Pier color palette (#ECF0E6, #90B6D8, #3569AA, #004B69, #192C54)
• Petrol Cabin color palette (#F5F6EF, #C7E5E3, #78A591, #277B86, #325247)
• Worn Lagoon color palette (#EFF0E5, #519DA1, #00545D, #00302C, #00171D)
• Hushed Turquoise Garden color palette (#E2F3F0, #8CE2F9, #00B5E3, #008F98, #003248)
• Petrol Boulevard color palette (#F3F7EE, #C4E4DB, #638CC3, #006A94, #583D55)
• Faded Mulberry color palette (#F2D7D6, #B75892, #8A6200, #82005E, #372500)
• Airy Mulberry color palette (#FFE7E6, #F0B7C6, #D58D8C, #8B3074, #4F2232)

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