Petrol Quarry color palette — #D2EDD8 · #88AB99 · #4378A2 · #5B4871 · #583A40

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

The five colors

• Honeydew (#D2EDD8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#88AB99): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4378A2): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5B4871): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#583A40): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Weathered Cerulean color palette (#C3EDDA, #81A7C7, #6A7CA3, #6E4950, #523939)
• Patina Courtyard color palette (#E4EBD7, #99AE8B, #5F7D5E, #6A4F6B, #5A3A50)
• Softworn Aqua color palette (#BFEFCE, #7AC4C1, #7191AD, #7D6076, #5A4054)
• Weathered Cocoa Market color palette (#DFE1D3, #6DB5B2, #4A7490, #763E13, #4B2100)
• Sunlit Turquoise color palette (#CCF5F6, #00B3C2, #007A8C, #00576A, #1D385A)
• Washed Atelier color palette (#E0EDF9, #839DD1, #6159BE, #772B58, #5E281A)
• Denim Ridge color palette (#D6F0DB, #248EAB, #005987, #482B60, #411D25)
• Dusty Cerulean Pier color palette (#F5F6EF, #A9D0B6, #0085A5, #005F63, #1E4335)

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