Patina Petrol color palette — #EAFAED · #77B7A2 · #3A8391 · #754965 · #2E4D54

A conversation between Cerulean and Mint Leaf, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#77B7A2): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#3A8391): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#754965): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#2E4D54): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, 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 Teal color palette (#E7F9FC, #57A999, #5F6E9F, #73434F, #294B37)
• Petrol Courtyard color palette (#F1F7F2, #D6DEF0, #7C9EB9, #457786, #435469)
• Cocoa Coast color palette (#FAEEF7, #95B78B, #2B8598, #7E3B31, #0A3234)
• Garnet Meadow color palette (#DEFFE5, #00A09F, #006891, #781E3D, #003D45)
• Hushed Bronze color palette (#FFF2EC, #AAC89D, #539FAF, #A0574B, #3A510D)
• Azure Study color palette (#E5FAFD, #B3DEEA, #8DC2F7, #4AA0C3, #224955)
• Softworn Turquoise Coast color palette (#FCF4E7, #A0E0CB, #59BFD2, #A97C97, #3E4C3B)
• Faded Garnet Chapel color palette (#C7E8CD, #008792, #005082, #64001D, #002934)

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