Petrol Pier color palette — #E0E1D8 · #77BDD2 · #0080A5 · #005860 · #002334
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Bone (#E0E1D8): bright and airy, almost weightless.
- Cyan (#77BDD2): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005860): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002334): 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
- Hazy Cobalt Market color palette (#E1E5DA, #8FB6D9, #2173D2, #005475, #081B48)
- Muted Azure color palette (#E0EBE2, #88CCDF, #319DCF, #007D7B, #00213C)
- Muted Alley color palette (#EDE2DB, #5EABC0, #005D8A, #003F37, #0B1E40)
- Cobalt Station color palette (#FDF3ED, #ACD8BE, #337FBE, #005341, #070330)
- Washed Sky Hollow color palette (#F4F6EE, #C1E4E4, #56AEE5, #3B8698, #2F4F47)
- Turquoise Field color palette (#DCE8D4, #71D7D1, #00B9C9, #007951, #192C11)
- Teal Delta color palette (#CCEDE3, #00B294, #007060, #004034, #000D09)
- Tempered Periwinkle color palette (#F4F6EF, #B4D9FC, #5997E5, #0075A0, #4B3048)
Browse the whole catalog at Explore, or see today's palette.