Patina Petrol color palette — #F8E9F4 · #62C1D1 · #007299 · #005141 · #132F4E

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8E9F4): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#62C1D1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#132F4E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Petrol Lagoon color palette (#F2E4EF, #8FBBCD, #0473A3, #004E31, #030F3F)
• Cobalt Summit color palette (#FBF2F7, #97CFE1, #337FB2, #006158, #283B58)
• Turquoise Summit color palette (#F4EEE3, #A3DFEA, #3EB3DB, #009286, #00314C)
• Lagoon Harbor color palette (#F4DFED, #00A4A3, #005362, #00321C, #001624)
• Muted Studio color palette (#FAF2F8, #D6E0F2, #7A9EBB, #437A70, #475464)
• Azure Meadow color palette (#C3FFFD, #77D9D1, #30A7DD, #56671F, #0B353A)
• Muted Cerulean color palette (#EDDFE7, #008DB5, #003E6D, #002221, #03012C)
• Hazy Jade color palette (#A1FBD9, #00B18D, #00614C, #003427, #001C12)

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