Petrol Quarry color palette — #F1F3EB · #C9E3D6 · #5E95B5 · #006A7B · #00352A

Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C9E3D6): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#5E95B5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006A7B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#00352A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Aged Petrol Garden color palette (#F0F3EC, #C6E4DB, #6B90BE, #236685, #3B2139)
• Dusty Ash color palette (#F2F2EB, #C6E1DA, #6BA7B1, #597354, #203D2D)
• Muted Quarry color palette (#DCE0D4, #5F90B1, #004C7F, #002A37, #000410)
• Weathered Petrol Hollow color palette (#E7EBDD, #8ABBD6, #1C71A6, #004959, #00172E)
• Patina Raspberry color palette (#FFECF3, #977EC3, #B85F74, #0574A0, #2F1420)
• Ancient Ridge color palette (#FBF4EF, #C2E2EF, #96BFE8, #3B928D, #51344B)
• Patina Driftwood Field color palette (#FFECF2, #E4D2CE, #DCB0D3, #7E77A6, #422831)
• Gentle Canyon color palette (#DAE4FF, #91A0E9, #6868B8, #4A417C, #2C2143)

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