Petrol Quarry color palette — #ECF3F8 · #D6D5E2 · #BABCDC · #007699 · #182731

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

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D6D5E2): a clean, paper-quiet neutral.
• Lavender (#BABCDC): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#182731): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Sapphire color palette (#EFF2F8, #DED3E1, #C8B7D6, #5460BD, #1F2531)
• Petrol Delta color palette (#ECF7FF, #D7D8EA, #AEBCD9, #0073A1, #34424C)
• Denim Delta color palette (#E4EAEF, #C3CCDD, #A1A0C0, #005C84, #0D171E)
• Timeworn Driftwood Pier color palette (#F1F1F8, #DED5DB, #BBACA9, #8A7AA0, #35353D)
• Azure Harbor color palette (#EFF7F4, #E9D2CF, #AD9F90, #279DD5, #233B32)
• Jade Delta color palette (#E1F8EF, #6ABC86, #007C75, #234F78, #002726)
• Obsidian Sapphire Parlor color palette (#D9E5F5, #0060E2, #351C4A, #000F29, #000408)
• Navy Cabin color palette (#DBDFE5, #B0B2C0, #9386AB, #023E90, #040B15)

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