Patina Petrol color palette — #F8E8F1 · #54AFCC · #0068B5 · #004B3D · #0F073C

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

The five colors

• Blush (#F8E8F1): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#54AFCC): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0068B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B3D): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0F073C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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 Sapphire color palette (#F7E5EC, #82B9DC, #4B6ECC, #005956, #250D4A)
• Timeworn Forest color palette (#E5DAE6, #5BB2B1, #00718D, #004E16, #00142B)
• Tempered Hollow color palette (#F8EBE3, #81C2D8, #0069B5, #003F32, #020013)
• Softworn Alley color palette (#F4ECDF, #4E9BB4, #004F73, #003031, #00142C)
• Cobalt Corridor color palette (#DBEBDE, #61BEDD, #008DC8, #006C6E, #00142C)
• Softworn Cobalt color palette (#F8E9F3, #9ECCE3, #418CC9, #006E56, #232955)
• Quiet Pine color palette (#FFF0FC, #A5E8F2, #3DA6DD, #008757, #2A3E6A)
• Dusty Quarry color palette (#F6DEEA, #AD1E7E, #006A5E, #004D59, #15000C)

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