Petrol Pier color palette — #DAE7E6 · #6DACC3 · #006F97 · #004952 · #001625
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#DAE7E6): a clean, paper-quiet neutral.
- Cyan (#6DACC3): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001625): 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
- Weathered Villa color palette (#D9E5E2, #5E9FA0, #00646C, #003C35, #000C0F)
- Wandering Cobalt color palette (#E3F1F0, #95B5D1, #2678C0, #005570, #001D48)
- Tempered Aqua color palette (#ECF1DD, #5EC5EA, #007099, #003D45, #000307)
- Softworn Denim Quarry color palette (#F3E6ED, #469BB9, #004D7E, #00302D, #040C3B)
- Patina Turquoise color palette (#CDE5EA, #70BAB9, #00A4BE, #006549, #002220)
- Wandering Pier color palette (#EDF8F7, #BED9EB, #5C9EC5, #00798E, #193D5A)
- Lagoon Boulevard color palette (#D9F3F4, #008D66, #8F5800, #00523A, #1A0C00)
- Timeworn Denim color palette (#C1EADA, #00785D, #00628C, #524C00, #000A06)
Browse the whole catalog at Explore, or see today's palette.