Dusty Petrol color palette — #F2E6E1 · #9BBDA4 · #0073A6 · #004E33 · #030D42

Built around Slate, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Parchment (#F2E6E1): bright and airy, almost weightless.
• Sage (#9BBDA4): A luminous, dusty teal — the color of glacier melt.
• Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004E33): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Indigo (#030D42): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Softworn Cobalt color palette (#FAEFE9, #AFD1BD, #3B80BE, #005D4A, #191B43)
• Dusty Market color palette (#F1E7DF, #8EB9D8, #4A65B7, #004B49, #1C053A)
• Weathered Delta color palette (#E9DCD9, #5C9695, #005267, #002E0A, #00040E)
• Softworn Chapel color palette (#F6F1EC, #C1E6D9, #798BC3, #006C6C, #421F2F)
• Weathered Villa color palette (#BBF1D7, #21AE8C, #006D4C, #002F20, #000904)
• Antique Thicket color palette (#E8F2D0, #9AD6D9, #729BD9, #695A00, #071D02)
• Grape Alley color palette (#DEECD7, #007D69, #8A28A1, #810053, #000E0A)
• Linen Fern color palette (#E8E5D6, #7F9328, #216700, #004332, #001A18)

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