Petrol Harbor color palette — #E6F7EA · #7AC0CC · #9DA16A · #17808E · #33312A
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#E6F7EA): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#7AC0CC): A luminous, dusty blue — the color of deep harbor water.
- Moss (#9DA16A): A luminous, dusty green — the color of fresh herbs.
- Teal (#17808E): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#33312A): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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 Lagoon color palette (#F8EEF7, #95B5E3, #75AA8D, #4F72A6, #293700)
- Tempered Cypress Market color palette (#EBF5E8, #79C3B9, #9296D0, #198378, #432639)
- Petrol Veranda color palette (#E9F8FF, #83BAC7, #C8847E, #008095, #6C3F3C)
- Aged Petrol color palette (#E6F6F2, #A3D0B3, #416487, #193831, #0B1614)
- Timeworn Station color palette (#E2F8EA, #4DAAC3, #8787BC, #538660, #152D20)
- Softworn Driftwood color palette (#E2F8EB, #F7D4E0, #C1DEE0, #769C81, #2B4238)
- Sunlit Moss color palette (#DBFBEA, #00A8D2, #649400, #006580, #172600)
- Weathered Basin color palette (#DAFBEB, #9CD1E9, #5092AC, #075168, #002215)
Browse the whole catalog at Explore, or see today's palette.