Dusty Petrol color palette — #F5EAF1 · #82C5C1 · #007486 · #004121 · #000306

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

The five colors

• Blush (#F5EAF1): a clean, paper-quiet neutral.
• Mint Leaf (#82C5C1): A luminous, dusty teal — the color of glacier melt.
• Teal (#007486): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

• Dusty Sapphire Delta color palette (#F9E9F0, #8DBEDA, #1265C0, #003E3F, #020013)
• Cerulean Bloom color palette (#FBF2F9, #9BD8E1, #0086B0, #005341, #000D1F)
• Muted Iris color palette (#E4F9FF, #77D9FF, #828EFF, #006037, #00080C)
• Weathered Atelier color palette (#D3EBF2, #00908F, #C10038, #004545, #040000)
• Lagoon Grove color palette (#EFEFE2, #68C2BD, #00959A, #006F5E, #00181B)
• Antique Canyon color palette (#D3E6D7, #009B77, #005F59, #00272D, #000407)
• Hushed Turquoise color palette (#A9F3FF, #00AFC6, #005B67, #00191D, #000102)
• Faded Dune color palette (#D7E9EE, #007487, #9F0060, #732500, #000102)

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