Petrol Quarry color palette — #F5EDE8 · #92BDA2 · #0070A1 · #005146 · #0A2B5E

Peacock takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5EDE8): bright and airy, almost weightless.
• Sage (#92BDA2): A luminous, dusty teal — the color of sea glass.
• Peacock (#0070A1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#0A2B5E): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Cobalt Garden color palette (#FCF3ED, #AFCDBE, #457CB1, #00605D, #2C3761)
• Pale Sapphire Studio color palette (#F4EDE6, #92B5D6, #435FBE, #004E59, #2F205D)
• Petrol Dune color palette (#DCEDEB, #8EBAD1, #007697, #004A50, #001926)
• Wandering Lagoon color palette (#F8EDE8, #4D9EA2, #005266, #003120, #001527)
• Faded Archive color palette (#F9E9F3, #95E1F4, #35B0F0, #00937F, #172D50)
• Washed Lagoon color palette (#ABF5E4, #35A485, #00624B, #00332B, #001912)
• Airy Atelier color palette (#EAEDDB, #669C35, #007240, #004537, #002B35)
• Antique Grove color palette (#FAF4F0, #CBE6E5, #72A596, #177F76, #63485F)

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