Petrol Pier color palette — #DDEDEB · #62C3DA · #007795 · #004B4F · #001925
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DDEDEB): a clean, paper-quiet neutral.
- Cyan (#62C3DA): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007795): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001925): 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
- Worn Studio color palette (#E9F5F3, #A4CEE8, #1F85B6, #005967, #052239)
- Patina Powder Terrace color palette (#CCEDFF, #82C7FF, #83A4DC, #006478, #061C2D)
- Muted Boulevard color palette (#F5EDE2, #96BCA4, #007297, #00504D, #003051)
- Worn Balcony color palette (#DEECEC, #68A4CB, #005B97, #003747, #000A1F)
- Washed Cerulean color palette (#D2ECEA, #3E81A1, #004061, #001E26, #000104)
- Muted Olive Grove color palette (#D0EEFE, #008EAA, #627500, #004F60, #101400)
- Grape Parlor color palette (#D9F1FF, #00759E, #6D3AB8, #005B41, #000D15)
- Weathered Driftwood color palette (#D7F3D9, #A0823A, #714D00, #472900, #001307)
Browse the whole catalog at Explore, or see today's palette.