Patina Petrol color palette — #F2E6E1 · #7DC0C8 · #00749F · #004E2D · #00113D

A conversation between Slate and Midnight, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F2E6E1): bright and airy, almost weightless.
• Ash (#7DC0C8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E2D): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#00113D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Wandering Balcony color palette (#F2E7DB, #8CB9E0, #5664AE, #004B4D, #1C0B30)
• Wandering Thicket color palette (#F9F0EB, #AFD1BB, #3E82B5, #005E45, #161D3E)
• Antique Denim Dune color palette (#F9EBE1, #63A7C1, #0B58A0, #003A30, #09002E)
• Cypress Meadow color palette (#F7F0EA, #C0E6D8, #798DB8, #006D68, #411F31)
• Weathered Basin color palette (#E8DAE4, #A92F95, #007142, #00534E, #1A0015)
• Wandering Navy color palette (#F0E3DB, #33849B, #003D6B, #002018, #01000B)
• Wandering Olive color palette (#F8F0EC, #C7E7E1, #79A897, #5E7433, #442D41)
• Aubergine Lantern color palette (#EED8DC, #A460B3, #00804F, #700082, #00170B)

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