Weathered Petrol Pier color palette — #F7EAF2 · #7CBCD0 · #106CAF · #005140 · #262A4D

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

The five colors

• Blush (#F7EAF2): bright and airy, almost weightless.
• Cyan (#7CBCD0): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#106CAF): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#262A4D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Weathered 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

• Patina Cobalt Dune color palette (#FCF2F7, #98CEE7, #5079B5, #006156, #303858)
• Patina Petrol Lagoon color palette (#E8EBDC, #7CBFD3, #007699, #004A51, #001826)
• Denim Meadow color palette (#F7E6EC, #6BA6CE, #3950A0, #003E3D, #24163D)
• Aged Corridor color palette (#FBF2F7, #D7DFF1, #7E9CC0, #427880, #4B5264)
• Patina Thicket color palette (#F3E5F1, #00A3AB, #00516C, #003217, #001233)
• Periwinkle Boulevard color palette (#F5EDE8, #B2E0C5, #50AEEB, #009284, #132B5B)
• Faded Garden color palette (#F3DDEC, #AF2395, #006E64, #00505F, #241933)
• Muted Lagoon color palette (#FFF0F9, #FEA0AB, #B4954D, #625789, #3B2942)

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