Patina Petrol color palette — #E9EAE1 · #76C0C1 · #00848F · #005A51 · #00242B

A conversation between Teal and Peacock, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E9EAE1): a clean, paper-quiet neutral.
• Mint Leaf (#76C0C1): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00848F): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A51): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#00242B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Washed Petrol color palette (#E2E5D7, #66ADC3, #007092, #004950, #001623)
• Timeworn Meadow color palette (#E3FBF6, #7DDEE1, #008A97, #00524A, #000F14)
• Aged Pier color palette (#EEF0E4, #AECDB9, #0094B9, #006B71, #003347)
• Misty Cerulean color palette (#EEE0EA, #6ED3D5, #00A2C4, #008156, #002237)
• Cobalt Canyon color palette (#ECF0E5, #8FB6DA, #1E73D3, #005475, #021754)
• Antique Thicket color palette (#CDEFDB, #47B27A, #007248, #003A22, #000F06)
• Pale Pine Grove color palette (#D8E5BA, #97CDB6, #41B3A7, #1F7714, #002B1B)
• Powdered Hollow color palette (#DCEBDB, #228C2B, #007685, #755000, #001702)

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