Patina Petrol Pier color palette — #F4EDE1 · #7FC3D1 · #007193 · #003E3A · #000307

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

The five colors

• Cream (#F4EDE1): bright and airy, almost weightless.
• Sky (#7FC3D1): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007193): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina Petrol Pier 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

• Airy Cobalt Hollow color palette (#FCF4E8, #8FD7F9, #0080C8, #005057, #000A26)
• Denim Boulevard color palette (#E8E0D5, #77A8D1, #1D50A3, #002A35, #01000A)
• Cerulean Orchard color palette (#E6F3E8, #4D9CAC, #00516A, #00302D, #001626)
• Mulberry Studio color palette (#E3E0BE, #736900, #00627B, #770059, #010100)
• Sky Drift color palette (#FBF4EA, #BEE6F4, #54B2E0, #007F7D, #0E304E)
• Hushed Cobalt Coast color palette (#EADCD5, #71BECC, #008CCD, #00704E, #05004B)
• Soft Corridor color palette (#E9E3C7, #947D00, #3F51E0, #473B00, #00000B)
• Frosted Orchard color palette (#F3EFB7, #BDDAA0, #60BF88, #6D4E00, #040500)

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