Patina Petrol color palette — #F0F6FD · #DCD7E2 · #B6AFC6 · #416597 · #353B43

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DCD7E2): bright and airy, almost weightless.
• Ash (#B6AFC6): A luminous, dusty violet — the color of wild irises.
• Peacock (#416597): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#353B43): a grounded near-black with real depth.

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

• Petrol Workshop color palette (#F6EFF5, #DFD2D3, #C3B1BA, #506297, #291B26)
• Dusty Grape Alley color palette (#F3F4FF, #D8CCEA, #BB9ABA, #6C3BA6, #2F3144)
• Antique Mulberry Thicket color palette (#F6F3FC, #F0D3DD, #CDB4C0, #924E84, #423C4D)
• Dusty Balcony color palette (#F4F4FC, #E4D8DF, #B5ACA4, #7F7E9D, #525257)
• Aged Balcony color palette (#D7E6F2, #AA9FD8, #92616F, #2B5C57, #12424E)
• Antique Navy color palette (#D9DEE7, #B6B7CC, #9587A5, #2C407B, #161F30)
• Periwinkle Hollow color palette (#F9F3F8, #E1D6D6, #D4BCB5, #769EEC, #423641)
• Onyx Thicket color palette (#E2E0EC, #A493AA, #84667A, #45084D, #0A0615)

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