Patina Petrol color palette — #EDF0E3 · #8CBEAB · #1F6DA4 · #004D60 · #002E5A

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

The five colors

• Cream (#EDF0E3): bright and airy, almost weightless.
• Mint Leaf (#8CBEAB): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#1F6DA4): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#002E5A): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: 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

• Muted Cypress Orchard color palette (#EFF0E2, #9DBB9C, #00777D, #005146, #00353C)
• Worn Cobalt color palette (#F4F6F0, #A2D0C4, #477ABA, #005A7D, #253963)
• Timeworn Sapphire Boulevard color palette (#F0E7E0, #8CBAD5, #0F68CB, #004B4D, #0F0D3A)
• Antique Cabin color palette (#DDF4F3, #A3DBFF, #55ACF1, #008CAE, #102F51)
• Airy Iris color palette (#F7E5F8, #E4C1DF, #938DE2, #006498, #1B2F4D)
• Tempered Cerulean color palette (#E3E5D9, #519BB1, #00516B, #002F34, #001624)
• Feathered Grape color palette (#DBEDE7, #0071AE, #773F9F, #005A4C, #002238)
• Sunlit Olive color palette (#C4E7DA, #0088C4, #267F12, #004E74, #083301)

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