Powdered Petrol Pier color palette — #E7F4FA · #00B4C9 · #1C67A9 · #00606C · #000713

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

The five colors

• Ivory (#E7F4FA): bright and airy, almost weightless.
• Cyan (#00B4C9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#1C67A9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00606C): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#000713): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, cool.

Use it as a design system

One click turns Powdered 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 Teal color palette (#E2F6F9, #20B99E, #007185, #006454, #00080E)
• Denim Canyon color palette (#F0F7F0, #00AFB2, #205EA3, #005B5D, #221124)
• Hushed Basin color palette (#EAF3FB, #2AA9F6, #6254AE, #005A8A, #030514)
• Denim Harbor color palette (#CDF2F1, #0095D0, #2359A6, #50274D, #02192D)
• Pale Dune color palette (#D5EDF8, #36ABF3, #2268A9, #163C79, #0D0055)
• Hushed Quarry color palette (#EBF3F8, #D0D6E9, #ABB9C6, #166F88, #192227)
• Worn Navy color palette (#CEE5F2, #0086A1, #004382, #003D4B, #000104)
• Nightshade Corridor color palette (#E0F6FF, #00838F, #443E9B, #283600, #000F11)

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