Petrol Quarry color palette — #DEEDE3 · #007589 · #002B52 · #001F0E · #000B07

Teal and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEEDE3): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007589): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002B52): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#001F0E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000B07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged noir, dark, luxury, 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

• Charred Study color palette (#D6F3E8, #006B98, #361B30, #031811, #000605)
• Weathered Field color palette (#D8F2FF, #00B3D3, #466C87, #294654, #01151A)
• Hushed Drift color palette (#C9E9D5, #0096B2, #0A4C65, #132C1F, #08150C)
• Smoked Station color palette (#CEE6DF, #004879, #0C181C, #0D0431, #000403)
• Indigo Quarry color palette (#F9EEF3, #7D70B8, #503338, #31242B, #191415)
• Misty Sapphire Market color palette (#F6E5F4, #0656ED, #311D51, #231022, #071510)
• Feathered Coast color palette (#DFECFF, #1B7AF3, #9C6400, #5B620E, #1A3050)
• Lowlit Studio color palette (#FDDAE7, #5A3600, #3F006D, #221207, #0D0009)

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