Patina Petrol color palette — #EAF8F9 · #448F76 · #2A759C · #77383D · #223A3C

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

The five colors

• Ivory (#EAF8F9): bright and airy, almost weightless.
• Fern (#448F76): A full-bodied, balanced teal — the color of shallow lagoons.
• Slate (#2A759C): A full-bodied, balanced blue — the color of open sky before noon.
• Oxblood (#77383D): A full-bodied, balanced red — the color of late-summer berries.
• Deep Teal (#223A3C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Muted Terracotta color palette (#FFF0FC, #7EB4AA, #338394, #85433B, #2D4E50)
• Cocoa Drift color palette (#EBF7FE, #478FA6, #585F98, #794000, #243A45)
• Softworn Mulberry color palette (#EBF9F3, #7C864E, #007C76, #6E3568, #223830)
• Aged Canyon color palette (#E9F8FF, #007A8F, #005789, #740304, #002A26)
• Dusty Veranda color palette (#F1F3E9, #5AA274, #635BA1, #6F3B4B, #241C0E)
• Muted Lagoon color palette (#E5F5F9, #029089, #2B3F4F, #152D32, #0D181B)
• Softworn Chestnut Cabin color palette (#EBF9F4, #8F9F71, #7D6398, #784519, #4B3C13)
• Ancient Boulevard color palette (#EFF7F7, #D5DBE1, #B2A9B0, #56916F, #4B5555)

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