Dusty Petrol color palette — #F0E5ED · #83BFC7 · #0074A2 · #004E2F · #03113A

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

The five colors

• Blush (#F0E5ED): bright and airy, almost weightless.
• Ash (#83BFC7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E2F): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#03113A): A deep, shadowed, balanced violet — the color of wild irises.

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

• Sapphire Villa color palette (#F0E6E9, #8BBADA, #4363C4, #004B49, #1A0C32)
• Petrol Lantern color palette (#E7F2E9, #73BFCC, #007391, #005049, #00324C)
• Soft Corridor color palette (#F7ECE7, #8DD2DB, #0091CB, #007047, #1B2C51)
• Airy Lilac Station color palette (#C5EEFD, #9ACBFF, #B386E1, #006947, #001F30)
• Wandering Terrace color palette (#D9F4E1, #009E92, #00606D, #00384E, #00152C)
• Dusty Azure Orchard color palette (#B9E6FF, #00A5DE, #005D74, #00303E, #000509)
• Azure Lagoon color palette (#F6F0F4, #D4D2E9, #6DA2CC, #3B7962, #2D3648)
• Pale Chapel color palette (#CCE9F3, #009197, #AC4900, #005155, #230900)

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