Patina Petrol color palette — #F7EAF4 · #70BFD0 · #006FA7 · #00523A · #212B4D

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

The five colors

• Blush (#F7EAF4): bright and airy, almost weightless.
• Cyan (#70BFD0): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00523A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#212B4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Tempered Cobalt color palette (#FDF1F7, #8ED0E6, #367CBC, #00624E, #33375A)
• Timeworn Petrol Lagoon color palette (#E8EBDD, #7DBFCE, #007792, #004B4E, #001924)
• Gentle Field color palette (#F7EAF0, #47AAD9, #1F51AB, #003E39, #201445)
• Hushed Lagoon color palette (#E6DCE7, #00A3A6, #005269, #003311, #00132E)
• Muted Cypress Drift color palette (#FEF1F5, #BEE1FF, #7B87B7, #127071, #434560)
• Chalky Sky color palette (#F7ECE7, #BCDCC6, #43B1E6, #00937B, #052D5B)
• Byzantium Summit color palette (#EADEEA, #AE00B0, #006E60, #00515C, #2F122F)
• Aged Amber Station color palette (#FFECFC, #FFAFC0, #BD8C38, #57598C, #3C2B44)

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