Petrol Pier color palette — #E8F1E9 · #7BC2DB · #006F9F · #003E3F · #000309

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

The five colors

• Cream (#E8F1E9): a clean, paper-quiet neutral.
• Sky (#7BC2DB): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006F9F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Atelier color palette (#E6F4E8, #6AB0AF, #00606C, #002C21, #000102)
• Cornflower Market color palette (#EDF9EF, #99D4FC, #0079E3, #004F5D, #030430)
• Soft Turquoise Dune color palette (#C8F8FC, #76D9DA, #00B4EA, #005E27, #000504)
• Cobalt Bloom color palette (#F5E6EF, #26C2E9, #0086E1, #006F59, #0D0A3A)
• Emerald Parlor color palette (#E1EADC, #00A530, #00603E, #002D23, #000201)
• Sunlit Atelier color palette (#D0F4F6, #00946D, #B40081, #004833, #040002)
• Periwinkle Delta color palette (#F0F8F1, #D7D6E3, #43AFF9, #007E86, #1B2F49)
• Grape Field color palette (#E2F5EF, #007962, #6700D5, #693100, #000201)

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