Patina Petrol color palette — #EEF2F9 · #B7BEFB · #B36C69 · #676BA6 · #1B131A

Built around Slate, softened by Mocha — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Lavender (#B7BEFB): A luminous, balanced violet — the color of wild irises.
• Mocha (#B36C69): A luminous, balanced orange — the color of toasted spice.
• Slate (#676BA6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Ink (#1B131A): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

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

• Weathered Bronze color palette (#FAF2F9, #A8C1EF, #A47041, #516CA0, #322D28)
• Antique Bronze color palette (#F2F0F8, #E4AEE2, #A8783C, #8D5E8C, #111810)
• Aged Chapel color palette (#EAF3FA, #78CFFC, #A36CA1, #307A9D, #171320)
• Weathered Iris color palette (#FBF2F7, #D0CAFB, #C78599, #8C82C0, #3C2825)
• Tempered Lilac Thicket color palette (#E1F8F1, #B69EDB, #9F6476, #2B5A60, #2D2939)
• Driftwood Orchard color palette (#EDF1FF, #D7B2E7, #A86B8E, #763F48, #4C1707)
• Dusty Basin color palette (#EFF1FF, #BB8BFF, #AD4700, #6E39AB, #16010E)
• Iris Quarry color palette (#F0F1FB, #987AD0, #766D2F, #28513D, #0A1B24)

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