Patina Petrol color palette — #ECF1E3 · #8BBDB0 · #3369AC · #004B69 · #162B59

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

The five colors

• Cream (#ECF1E3): bright and airy, almost weightless.
• Mint Leaf (#8BBDB0): A luminous, dusty teal — the color of glacier melt.
• Slate (#3369AC): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004B69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Navy (#162B59): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Patina Cobalt color palette (#F2F8E5, #7BBFF2, #0470C0, #00526C, #063069)
• Dusty Coast color palette (#EFF0E1, #80BDC4, #007586, #00504D, #003441)
• Tempered Veranda color palette (#F0E7DF, #94B8D8, #4D67AE, #004A53, #18053F)
• Timeworn Cobalt color palette (#F8EAEF, #ADC7E1, #6983CA, #006A77, #2E2553)
• Muted Market color palette (#F5F7E7, #91DCED, #008DAE, #00666A, #00465F)
• Washed Periwinkle Lantern color palette (#E5F1F1, #AFD8FF, #61A6FF, #0089BC, #1A2C53)
• Muted Terrace color palette (#FFEEFD, #B1BBF0, #A492DD, #2F6192, #482B43)
• Powdered Azure color palette (#D5E8F1, #009DDE, #006096, #003C6F, #251C50)

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