Patina Petrol color palette — #F4EAF1 · #5BB2B0 · #007386 · #004D2C · #001624

Built around Teal, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Blush (#F4EAF1): bright and airy, almost weightless.
• Turquoise (#5BB2B0): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007386): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D2C): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Cobalt Parlor color palette (#F0E5EE, #79BECA, #007FAB, #005B49, #001F42)
• Weathered Aqua Pier color palette (#FCEAE0, #23D0CC, #007487, #004123, #000306)
• Hushed Lagoon color palette (#E2E2D5, #38A1A0, #00545A, #00302A, #00181C)
• Worn Denim Boulevard color palette (#ECDDE5, #5D9CB6, #005B99, #003C39, #03002E)
• Feathered Cerulean Chapel color palette (#C7E6E1, #6CC7B4, #00A3BE, #635500, #001B11)
• Aged Coast color palette (#F9F3F7, #B3DCEA, #4FA2BD, #00805A, #173E5A)
• Tempered Grove color palette (#F5ECEE, #A8C8E8, #6680D8, #006A79, #302259)
• Hushed Emerald color palette (#DFF5E2, #239F60, #006624, #00320E, #000401)

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