Petrol Harbor color palette — #F0F8F1 · #AF9550 · #007D96 · #773D5D · #51394F
Teal takes the lead with Moss close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F8F1): bright and airy, almost weightless.
- Moss (#AF9550): A luminous, balanced gold — the color of old brass.
- Teal (#007D96): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#773D5D): A full-bodied, balanced rose — the color of a warm blush.
- Charcoal (#51394F): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Harbor 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
- Petrol Studio color palette (#ECF8F4, #8DA167, #4F71A5, #7E3F31, #563749)
- Cypress Orchard color palette (#FCF2F7, #C2886E, #21826E, #5F4874, #443E58)
- Jade Drift color palette (#F3F3E6, #88A865, #338075, #1F526C, #342402)
- Ancient Ash color palette (#E2FDED, #B1D7D1, #6D96A3, #7B6D81, #604C55)
- Garnet Lagoon color palette (#E7FBF0, #8B8000, #006283, #770041, #4A2600)
- Driftwood Bloom color palette (#F1F7F2, #A4CBBA, #6D8B62, #546D58, #40524A)
- Dusty Mint color palette (#EBF9F5, #96C16E, #4A9C93, #436E8B, #2E4A39)
- Worn Periwinkle color palette (#FAF3F6, #D8DFF0, #739DCA, #2C7D7A, #475368)
Browse the whole catalog at Explore, or see today's palette.