Patina Petrol color palette — #EFF6FC · #D7D8E6 · #A9B4C6 · #306B86 · #313C44

Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D7D8E6): a clean, paper-quiet neutral.
• Ash (#A9B4C6): A luminous, dusty violet — the color of wild irises.
• Peacock (#306B86): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#313C44): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ancient Pewter color palette (#F4F4FC, #E8D4E7, #C2B7CC, #795B95, #3E3E4B)
• Muted Cerulean color palette (#EFF7F3, #E6D7DC, #CEBBBC, #378BAB, #303E37)
• Ancient Balcony color palette (#F0F5FF, #CAD0F3, #A4A1CA, #434EAB, #2C3340)
• Ash Ridge color palette (#CAE5FF, #93A0D0, #737290, #694D57, #314E3E)
• Denim Garden color palette (#DCE4EC, #ACBACE, #858EA4, #004970, #10212E)
• Timeworn Onyx color palette (#DFE2EF, #9997AE, #746C83, #301C55, #070813)
• Patina Garden color palette (#E2FCF7, #58AF87, #0F7264, #235164, #193C3D)
• Dusty Periwinkle Pier color palette (#EEF6FF, #59DAFF, #41A6FF, #8070C7, #202F4F)

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