Petrol Quarry color palette — #DBE7E0 · #B09FA4 · #A48281 · #006F86 · #020C06

Teal and Heather set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DBE7E0): bright and airy, almost weightless.
• Taupe (#B09FA4): A luminous, dusty rose — the color of a warm blush.
• Heather (#A48281): A luminous, dusty orange — the color of autumn markets.
• Teal (#006F86): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#020C06): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Denim Basin color palette (#EAE0E8, #AF9B99, #A38170, #405FAA, #10050E)
• Worn Cypress Lagoon color palette (#E0E6DB, #8CA8A3, #6B8F94, #00755B, #050C01)
• Wandering Onyx color palette (#E3EEF5, #838F9C, #626B80, #002F3C, #000103)
• Antique Abyss Atelier color palette (#D8E0E6, #96A7B7, #7287A8, #004D63, #000B14)
• Dusty Abyss color palette (#E6F2EC, #ABC0BA, #9F8A9B, #004257, #000201)
• Fern Alley color palette (#D5EFE0, #53919F, #5C659E, #324F00, #001B0D)
• Cobalt Lagoon color palette (#F0EBF0, #D2BAB8, #C39F8F, #4F7ED2, #271B26)
• Tempered Emerald color palette (#F1EBD9, #529C59, #007264, #174D6E, #000901)

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