Patina Petrol color palette — #EFF7F4 · #97C7E7 · #AD637A · #1575A4 · #3C2825

A conversation between Slate and Mocha, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Sky (#97C7E7): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#AD637A): A full-bodied, balanced red — the color of a theater curtain.
• Slate (#1575A4): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3C2825): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, 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

• Dusty Driftwood Coast color palette (#F0F7F2, #A8CAB1, #926CA3, #007B88, #3B272D)
• Patina Quarry color palette (#FAF3F8, #D7B4CE, #AD675C, #5165BC, #332C29)
• Cobalt Field color palette (#EDF2F9, #AAC5EF, #A06EA2, #4971B3, #171420)
• Aged Field color palette (#F9F3F8, #B8D2FD, #BD84C0, #658CCD, #39292C)
• Muted Cypress Canyon color palette (#F1F8E7, #7EB0C4, #7F6C9D, #006959, #514252)
• Powdered Mulberry color palette (#DAFFF0, #D1AECA, #8B76AB, #813D6B, #762C30)
• Wandering Rust Boulevard color palette (#FBF2FB, #70A4E9, #BD4E1E, #00438C, #360E00)
• Tempered Grape color palette (#FAF3F5, #B6A4D5, #8D6800, #7143A9, #2D2211)

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