Petrol Quarry color palette — #EEF8F5 · #E6D6DB · #BEADBB · #3E688B · #2D3F3A

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Silver (#E6D6DB): bright and airy, almost weightless.
• Ash (#BEADBB): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#3E688B): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#2D3F3A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Petrol color palette (#ECF4F1, #E2D3D6, #C5B1B9, #006C9C, #13251F)
• Worn Cerulean Drift color palette (#F0F6FB, #D9D8E4, #C5B9D1, #3589B8, #303C46)
• Dusty Pewter color palette (#FCF2F4, #EBD5CD, #D4B2B2, #885291, #50383D)
• Driftwood Parlor color palette (#FBF2F6, #E1D7D5, #AFADA1, #9E7486, #595053)
• Tempered Grape Quarry color palette (#FFF0F8, #DFCDD4, #C399A6, #5B41B0, #3F2C36)
• Chestnut Ridge color palette (#FDD9EA, #B49CC2, #997075, #774A41, #523E17)
• Navy Orchard color palette (#F3EAF3, #C3B3C0, #A08597, #004289, #281929)
• Worn Periwinkle color palette (#FFF0FC, #9ACDFF, #78A7FF, #796AC0, #272E54)

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