Petrol Pier color palette — #FFEEE6 · #6ECBDC · #007CA8 · #005344 · #001939

Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Sky (#6ECBDC): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005344): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001939): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Aqua Pier color palette (#F5F7E8, #63C8DB, #007A94, #005557, #00394C)
• Ancient Field color palette (#FEEFE1, #8FC2E9, #3366E3, #005058, #1A044C)
• Linen Cerulean Courtyard color palette (#FFF0FB, #5ADFF5, #0099CD, #00755F, #08335F)
• Aged Turquoise color palette (#E3FBF7, #C2E2FA, #00ABCB, #007272, #002937)
• Denim Meadow color palette (#F0E1DA, #81A790, #005F8A, #003A32, #000824)
• Wandering Navy Villa color palette (#F5E8DF, #527F97, #003A75, #001F20, #01000B)
• Sunlit Loft color palette (#EDF1FF, #E8C8FF, #F979B6, #006BA6, #25114B)
• Dusty Byzantium color palette (#EAE0FB, #8A49CF, #9B4B00, #3E5D00, #16002C)

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