Patina Petrol color palette — #EFF8EE · #BFD7F0 · #8193C9 · #00798B · #3B3458

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Powder Blue (#BFD7F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8193C9): A luminous, balanced violet — the color of a velvet chair.
• Teal (#00798B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#3B3458): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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 Periwinkle Thicket color palette (#FAF4ED, #C4E2F8, #83A0FF, #007D8E, #422334)
• Worn Drift color palette (#FBF2F8, #B7DBE9, #43A2C7, #2A7C63, #173D5F)
• Muted Cornflower Market color palette (#FFF1F7, #86D6FF, #1E8CFA, #007273, #252A68)
• Muted Harbor color palette (#F4F6EF, #A2D0C4, #5279B2, #005A7F, #283960)
• Cerulean Thicket color palette (#FBF2F5, #DBDEEC, #9DB2D3, #4F929C, #4B5168)
• Quiet Grove color palette (#EDDFE7, #71ACBF, #006CA7, #004B44, #010A41)
• Airy Mint Orchard color palette (#E2F1E3, #3AC49D, #00978A, #006C73, #003C4C)
• Tempered Denim Meadow color palette (#EBD9E5, #4EA2A1, #006375, #003E24, #000B14)

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