Patina Petrol color palette — #EFF6FF · #D9D8E3 · #8EB5E9 · #4A6FAA · #212C4E

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#D9D8E3): bright and airy, almost weightless.
• Sky (#8EB5E9): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4A6FAA): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#212C4E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Hushed Alley color palette (#E9F8FF, #CEDFED, #67BBD2, #007188, #00363C)
• Aged Pewter Bloom color palette (#F4F4FF, #E4D7DF, #C6A7DD, #835C9D, #262546)
• Softworn Dune color palette (#EAF3FF, #AACBFF, #6684B4, #3B5076, #0F213A)
• Iris Delta color palette (#F2F5FB, #DCD9E3, #E19C72, #8990E8, #291921)
• Patina Aqua color palette (#EDF6FF, #DDD9E3, #87CDCF, #B5AFA5, #464E5E)
• Frosted Veranda color palette (#F6F3FF, #C1B3FF, #8859D1, #400082, #050016)
• Aged Lagoon Cabin color palette (#F6F3FF, #DEB2E0, #D99E8C, #5B915F, #332E42)
• Bronze Veranda color palette (#EDF8F2, #C1E4EB, #90B9A5, #957349, #2A4545)

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