Patina Petrol Quarry color palette — #E2ECE4 · #9CB7CF · #3A6BAF · #004958 · #0A0D3F

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#E2ECE4): a clean, paper-quiet neutral.
• Ash (#9CB7CF): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3A6BAF): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004958): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#0A0D3F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Petrol color palette (#E1ECE3, #83C0C3, #00788C, #004D3F, #001924)
• Ultramarine Corridor color palette (#F6EDE3, #83B8DD, #3E5DC9, #00504E, #31254C)
• Cornflower Corridor color palette (#F4EDE3, #9FD1C1, #4A86DA, #00697D, #212A53)
• Petrol Veranda color palette (#EEF3EF, #D7DAEB, #869CC7, #197691, #2B354E)
• Aged Thicket color palette (#E0EFE2, #6690A9, #004E77, #002B2E, #000411)
• Lagoon Garden color palette (#D1EFD9, #00976A, #006E60, #003D3C, #001E21)
• Cypress Bloom color palette (#C4F0FC, #95DBEE, #6E9FD0, #007052, #00212C)
• Plum Pier color palette (#DBF2F6, #009388, #B63353, #00524C, #2A000A)

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