Patina Petrol Field color palette — #E8EBDE · #93BEAC · #0072A9 · #004958 · #00172D

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

The five colors

• Parchment (#E8EBDE): bright and airy, almost weightless.
• Sage (#93BEAC): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#0072A9): 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.
• Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Patina Cobalt color palette (#F0F4E9, #AAD1C5, #497EBB, #005775, #081E46)
• Muted Sapphire color palette (#F5ECF0, #89B9D3, #0066C5, #004F51, #262A4D)
• Aged Cypress color palette (#E1E1D1, #88A587, #00656A, #003A32, #000D11)
• Tempered Petrol color palette (#F1F3EC, #C5E2E4, #74A89B, #2C758E, #422E43)
• Ancient Villa color palette (#EEF0E1, #4397AB, #005168, #002B2F, #00050A)
• Abyss Ridge color palette (#E1E1D7, #648261, #004547, #002019, #000202)
• Chestnut Boulevard color palette (#F1E6DA, #A18053, #7A4700, #4D2400, #150C00)
• Washed Market color palette (#FFDCD3, #F5B6B3, #D68260, #953861, #380C0F)

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