Petrol Pier color palette — #DDE7DE · #6FC1C3 · #008397 · #005B49 · #002331
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#DDE7DE): bright and airy, almost weightless.
- Mint Leaf (#6FC1C3): A luminous, balanced teal — the color of sea glass.
- Cerulean (#008397): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005B49): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002331): 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
- Weathered Cobalt Dune color palette (#DEE7DF, #77BBDC, #007AC1, #005860, #051D46)
- Hushed Loft color palette (#F6F7E5, #92DADC, #008A97, #00524B, #000F14)
- Teal Chapel color palette (#E9D9E8, #4FB0B3, #00607D, #00411B, #021E42)
- Cerulean Hollow color palette (#F0E1D9, #8ECDCE, #00A2C4, #008157, #002237)
- Timeworn Villa color palette (#E4F1E6, #5BA09E, #00646F, #003D2C, #000B11)
- Chalky Cornflower color palette (#EDF9EF, #84D7FF, #0092E9, #00717B, #113066)
- Pale Terrace color palette (#EDF9EF, #9EEAF2, #00ADCF, #008473, #004662)
- Wandering Orchard color palette (#DEE9FE, #C1BAFF, #D579DB, #0070AF, #1D2642)
Browse the whole catalog at Explore, or see today's palette.