Dusty Petrol color palette — #EFE8DE · #7ABFD2 · #00759E · #004B49 · #00172C

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EFE8DE): bright and airy, almost weightless.
• Sky (#7ABFD2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00172C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Timeworn Veranda color palette (#F9E9F3, #8EB8CD, #0C70A0, #005146, #0D2B5C)
• Cobalt Garden color palette (#F6F1E9, #95D1ED, #3282BB, #005A61, #2E162E)
• Denim Basin color palette (#E5DED4, #5AA5D5, #19589C, #003842, #02022E)
• Ancient Terrace color palette (#D8FAE8, #99C8FF, #9993DC, #006267, #001E17)
• Lagoon Workshop color palette (#C5EDE8, #009BA2, #006270, #003546, #001C2F)
• Wandering Lagoon Pier color palette (#EEE5D6, #009DA4, #005262, #002D24, #00050A)
• Feathered Rust color palette (#D0EEDD, #008DAD, #AB4900, #004F62, #230900)
• Wandering Balcony color palette (#FFF2EB, #BAF0FF, #3198E5, #006C53, #151B3C)

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