Dusty Petrol color palette — #F0E7E4 · #7EC1C3 · #007699 · #004F23 · #001533

Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#F0E7E4): bright and airy, almost weightless.
• Mint Leaf (#7EC1C3): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F23): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#001533): 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

• Sapphire Station color palette (#F3E6DD, #8CBBD3, #2F68C2, #004C44, #160D34)
• Ancient Aqua color palette (#F5EDE2, #5BC4C8, #007588, #005142, #003345)
• Antique Market color palette (#F9F0EC, #B1D1BA, #0085BF, #005E3F, #131E3D)
• Wandering Cerulean color palette (#EDF9EF, #B1F4F6, #00A3BD, #006C58, #002230)
• Jade Atelier color palette (#D6F5E1, #00B57C, #00683F, #003115, #000904)
• Cerulean Studio color palette (#EEE2DB, #1F8699, #003F63, #002015, #00000C)
• Weathered Drift color palette (#F7F0ED, #C6E8E1, #6EA4C2, #48775C, #40303E)
• Dusty Nightshade Field color palette (#F1E6DB, #4F91BF, #262ABC, #002C2B, #070015)

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