Patina Petrol Loft color palette — #ECF7FF · #95B5DC · #7281C1 · #615F9F · #4C4B6B

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#95B5DC): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7281C1): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#615F9F): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#4C4B6B): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Patina Petrol Loft 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 Boulevard color palette (#D1F3FF, #85C8DC, #408BB9, #2A629C, #414D6C)
• Periwinkle Archive color palette (#EEF6FF, #AFC9FF, #889DEF, #6A71A5, #4A526C)
• Cobalt Thicket color palette (#F1F5FF, #A6ADD8, #A8995A, #626AB7, #315641)
• Dusty Studio color palette (#F0F5FF, #BCABDA, #956FA7, #8A487B, #5C4A68)
• Tempered Bloom color palette (#F2F4FF, #C7C3EF, #887AB4, #4B3F83, #322F54)
• Antique Cerulean Lantern color palette (#F0F5FF, #DFD8E2, #F1BCB4, #7093B4, #4D5062)
• Patina Olive Coast color palette (#F3F4FF, #9C8FBE, #AA8149, #69812F, #3D4059)
• Softworn Mulberry color palette (#E1E7FD, #9E90D8, #8748A9, #7A1771, #5A1E3C)

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