Petrol Harbor color palette — #EFE8DE · #9CBDA6 · #007696 · #004C45 · #001828
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EFE8DE): bright and airy, almost weightless.
- Sage (#9CBDA6): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007696): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001828): 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 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
- Cerulean Alley color palette (#F7F1E7, #ACD2BD, #3C84AC, #005B5C, #03213E)
- Softworn Petrol color palette (#F5EBF3, #80BDC8, #0070A2, #005237, #1F2C4F)
- Denim Quarry color palette (#ECE3D6, #7CA795, #005B97, #00383F, #00062A)
- Ancient Iris Drift color palette (#CCF0DD, #A1C7E8, #8D91E6, #006665, #001E15)
- Washed Cypress Workshop color palette (#F5F1EB, #C9E0DE, #6DA5C1, #007B77, #173E35)
- Aged Navy Orchard color palette (#F1E9DD, #488199, #003F63, #001F21, #000106)
- Rust Garden color palette (#CFEDD9, #008FA5, #B33F20, #00505D, #280400)
- Tempered Azure Grove color palette (#BEEAFF, #39A4CE, #006282, #002839, #00070C)
Browse the whole catalog at Explore, or see today's palette.