Petrol Pier color palette — #FBEAE2 · #77C6CC · #007290 · #00402D · #000308

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

The five colors

• Cream (#FBEAE2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Aqua (#77C6CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007290): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00402D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Dusty Boulevard color palette (#F6ECE2, #87BDEA, #4362B2, #003D44, #030011)
• Tempered Cobalt color palette (#FFF2EB, #ACD8BE, #0082C2, #00524A, #000531)
• Dusty Cerulean color palette (#DCEEEA, #80BCC1, #0093A7, #006D68, #00171E)
• Cerulean Drift color palette (#EDEEE1, #379AA2, #00535F, #002C2A, #000508)
• Chalky Station color palette (#F5D8EF, #C028B0, #00581C, #004643, #030003)
• Hushed Cypress color palette (#FDF3EE, #BFE7F1, #63B1D6, #008268, #0E2F51)
• Hazy Amber color palette (#FFE4E8, #FFB9CA, #E57839, #5F4892, #090006)
• Raspberry Thicket color palette (#F8E0E0, #BE4C9B, #666E00, #6B0052, #010100)

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