Patina Petrol color palette — #ECF3F8 · #D8D6E2 · #C1B9C8 · #4C7B99 · #262D32

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D8D6E2): bright and airy, almost weightless.
• Ash (#C1B9C8): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4C7B99): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#262D32): quiet, heavy and certain.

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

• Hushed Cobalt Field color palette (#F1F6FB, #D8D9E0, #BEBDCD, #317AB1, #404951)
• Weathered Pewter Cabin color palette (#F1F1F8, #DDD2D9, #BEB3BF, #775585, #201F2A)
• Powder Meadow color palette (#E5F4FF, #AEBDE1, #88819A, #39655B, #183C35)
• Cobalt Atelier color palette (#D6E0F1, #5870BA, #2E2E44, #0F1622, #03070B)
• Navy Studio color palette (#DFE8F2, #98A0B2, #797993, #003863, #00040E)
• Weathered Ultramarine Courtyard color palette (#EBF3FD, #CCD3EB, #ABA7C7, #2256AE, #0B1A2E)
• Dusty Cerulean Grove color palette (#F0F7F4, #DED4D2, #A8A194, #5D96BC, #3D4B46)
• Timeworn Stone color palette (#FBEEF2, #BFB485, #6F7B53, #49556C, #152D20)

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