Petrol Quarry color palette — #E1F5ED · #83B2B9 · #447A95 · #375B41 · #352600

Slate and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E1F5ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#83B2B9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#447A95): A full-bodied, dusty blue — the color of open sky before noon.
• Pine (#375B41): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#352600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Petrol Quarry 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

• Cerulean Courtyard color palette (#C7E6DE, #76A8B3, #5D7EA1, #535429, #032F22)
• Washed Cypress color palette (#CDFBF9, #98BFCC, #7F8DA9, #456A53, #253C2E)
• Onyx Ridge color palette (#F8E8EE, #89B6A0, #477C6F, #65445A, #451D01)
• Cocoa Balcony color palette (#BFEAF4, #86AEC1, #617E9C, #71454D, #583236)
• Aged Cobalt color palette (#F8EFF3, #AFCCE1, #597CB6, #005C54, #201842)
• Timeworn Orchard color palette (#C3E9F6, #6C93AD, #745685, #004D38, #001F21)
• Soft Terrace color palette (#D9ECFB, #519AC2, #B26529, #005C82, #2F1300)
• Dusty Basalt color palette (#F0E8CB, #B4C19C, #6095AA, #766536, #554000)

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