Petrol Pier color palette — #F7EDDD · #7CC5CA · #007388 · #003F34 · #000306

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

The five colors

• Cream (#F7EDDD): A whisper-light, dusty gold — the color of honey in a jar.
• Mint Leaf (#7CC5CA): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007388): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F34): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

• Cobalt Station color palette (#FBF4E9, #96D7EB, #0085B5, #005150, #000D1E)
• Ancient Denim Pier color palette (#ECE2D3, #69ABCF, #005795, #002A30, #00000B)
• Tempered Ultramarine color palette (#F7EDDC, #78BEF5, #0060D2, #003C49, #010014)
• Periwinkle Lagoon color palette (#DDFFE6, #9DDDFF, #84A1FF, #005E59, #00060B)
• Mulberry Atelier color palette (#D6E9DC, #007485, #94008A, #524100, #000102)
• Tempered Brick Corridor color palette (#D5EDD9, #008F9A, #C10034, #00454B, #040000)
• Muted Veranda color palette (#F3E5F0, #309BA1, #005266, #002D1E, #00050C)
• Forest Dune color palette (#F0DAD2, #4FC4CB, #008FBC, #00723B, #001232)

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