Petrol Quarry color palette — #EEF7F7 · #D7DBEC · #779EC0 · #38788E · #40546B

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

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Silver (#D7DBEC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#779EC0): A luminous, dusty blue — the color of open sky before noon.
• Slate (#38788E): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#40546B): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Dusty Villa color palette (#F7EFF3, #D8D0E4, #869EBE, #007A81, #2D354D)
• Aged Veranda color palette (#DBE9E8, #65A8CA, #005D8C, #003C49, #00203D)
• Dusty Lagoon Bloom color palette (#FAF4EF, #C6DEEC, #99B3DA, #26979E, #65485B)
• Petrol Drift color palette (#E2FCF7, #78C6CF, #007B8F, #005654, #003948)
• Lagoon Coast color palette (#D8E6E3, #3EA0A0, #00545A, #00302A, #00181C)
• Tempered Navy color palette (#D7EEEE, #5C84AB, #00397D, #002030, #01022C)
• Driftwood Meadow color palette (#EEF9EE, #C7E6E1, #A3D2D0, #AA8092, #425344)
• Softworn Pier color palette (#FFF1F6, #D8A37A, #B188B8, #9C6335, #4E4867)

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