Petrol Quarry color palette — #DCE5EC · #9E9FB6 · #89849B · #0E6B94 · #010A14

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

The five colors

• Frost (#DCE5EC): bright and airy, almost weightless.
• Blue Fog (#9E9FB6): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#89849B): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#0E6B94): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#010A14): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Archive color palette (#D9E6EE, #99A6B9, #8083A3, #004D63, #000B13)
• Washed Indigo Courtyard color palette (#E0E2F1, #C0A8C1, #A790A1, #7F5CB2, #12131F)
• Washed Onyx color palette (#D8E5E0, #7D938D, #7B617A, #002D45, #000201)
• Softworn Drift color palette (#DEEDFF, #7979CA, #77518B, #5A390E, #181500)
• Dusty Lapis Lagoon color palette (#DDECE0, #0081C3, #5040BD, #5D2A00, #00030E)
• Aged Bloom color palette (#CCE7E4, #00A078, #007168, #005161, #000808)
• Patina Azure Bloom color palette (#E9EFF6, #D6D0E8, #C0B4CB, #7294C3, #272E37)
• Worn Station color palette (#E3EFFF, #00B0D5, #1A8EFA, #8755E1, #000012)

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