Petrol Pier color palette — #F9E8F4 · #7EC3D1 · #00709A · #003F33 · #00020A

Built around Peacock, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#F9E8F4): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#7EC3D1): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00709A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003F33): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Softworn Atelier color palette (#FBE8EF, #8DBDE3, #2856E0, #003D44, #030011)
• Hushed Garden color palette (#FFF0F8, #92D6F6, #007CD8, #005150, #050430)
• Patina Lilac Boulevard color palette (#DFF8FF, #ADD4FF, #A98BFF, #005B4E, #000306)
• Denim Coast color palette (#F7E8E0, #3C98A9, #004E76, #002D1E, #01001E)
• Pale Aqua color palette (#E3E5D2, #00C5E0, #0091B1, #006C6F, #001721)
• Muted Ridge color palette (#BEE8FF, #00A7E7, #005776, #001722, #000103)
• Brick Chapel color palette (#D7F1FF, #008CA8, #C01500, #004352, #040000)
• Patina Brick color palette (#D4F5FC, #007483, #A8001C, #5D3A00, #000102)

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