Hushed Petrol Quarry color palette — #FFF0F9 · #E3DBE4 · #ACB3F2 · #6062A3 · #2B2A4D

Slate takes the lead with Lavender close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Silver (#E3DBE4): bright and airy, almost weightless.
• Lavender (#ACB3F2): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#6062A3): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2B2A4D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged monochrome, muted.

Use it as a design system

One click turns Hushed 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

• Powder Harbor color palette (#F1F5FF, #E8D3F0, #B6AFFE, #7E82B8, #313B56)
• Pewter Boulevard color palette (#FFF1F2, #E3D6D1, #D89FCC, #8C598D, #3D1A36)
• Patina Petrol color palette (#DFFDF0, #BBE5E6, #7AC2E5, #2874A3, #01334C)
• Iris Quarry color palette (#FFEBF7, #CAC7FF, #7E81B7, #4D4A75, #2F1726)
• Aged Powder color palette (#FDF1FA, #E6D8D5, #92C9DF, #A7B2AB, #5D4C55)
• Feathered Dune color palette (#FAF2FF, #E1A9EC, #A056C7, #620070, #08000C)
• Lagoon Cabin color palette (#FFF1F2, #E3B1D9, #CAA96F, #3A9382, #412B2D)
• Patina Pier color palette (#FBF2F6, #E7D7D6, #C4AD61, #A488DC, #241D0F)

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