Patina Petrol color palette — #F2F7ED · #88BFAB · #4998B3 · #5862A7 · #5C363C

Slate takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F2F7ED): a clean, paper-quiet neutral.
• Mint Leaf (#88BFAB): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#4998B3): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5862A7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#5C363C): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged 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 Petrol color palette (#F5F6ED, #97BD93, #529B95, #10719D, #3D3E63)
• Petrol Market color palette (#FFF2EF, #DC9EA4, #5896AF, #5C62A1, #563554)
• Soft Aubergine color palette (#ECF9F0, #44B6CD, #5780C3, #6E4994, #59213E)
• Timeworn Honey color palette (#ECF9EF, #E4C371, #6CB6CC, #927CA6, #423E5A)
• Sunflower Study color palette (#EDF8F3, #CDD37B, #5FAC8B, #317586, #283F25)
• Muted Terracotta Cabin color palette (#F8F5EB, #B5B57C, #609B7D, #965258, #5A3B15)
• Weathered Corridor color palette (#ECFAE7, #00B4A0, #0083AB, #3E35CA, #4E0A56)
• Amber Cabin color palette (#FAF4EC, #B9904F, #007F8E, #6E4265, #5A373B)

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