Petrol Quarry color palette — #DEE7EE · #9CA0B0 · #8587A8 · #006D90 · #000B14

Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Frost (#DEE7EE): bright and airy, almost weightless.
• Blue Fog (#9CA0B0): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8587A8): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006D90): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000B14): 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

• Weathered Abyss color palette (#E2E9ED, #99A6B4, #7A86A1, #004D60, #000B13)
• Aged Ultramarine Field color palette (#DCDFE5, #A59DB0, #A27F9D, #5155B7, #050915)
• Weathered Onyx color palette (#DFEDF5, #838F9E, #666A7D, #002F3B, #000103)
• Cornflower Villa color palette (#EAEFF9, #C3BCCF, #AEA1BB, #6679CE, #181F2D)
• Iris Field color palette (#DEE4FA, #7F77BC, #76598E, #76303F, #2D0100)
• Lagoon Lagoon color palette (#D2EAE8, #329E75, #00735D, #005451, #000804)
• Frosted Alley color palette (#ECDBF1, #007ED0, #3246C7, #690050, #00030E)
• Pale Sapphire Pier color palette (#D2E4F6, #00AEE4, #757FF1, #4661FF, #00020A)

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