Petrol Harbor color palette — #F1E5ED · #83C0BE · #00788C · #004E2C · #001827
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Blush (#F1E5ED): a clean, paper-quiet neutral.
- Mint Leaf (#83C0BE): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E2C): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Patina Cypress color palette (#E1F3EF, #71C1BF, #00777D, #005146, #00353C)
- Antique Cerulean Terrace color palette (#F8EFF5, #A5CFDF, #0088AD, #005E45, #06223A)
- Weathered Balcony color palette (#F2E6EE, #5DA9BA, #005F87, #003A31, #000921)
- Sapphire Chapel color palette (#F2E5EA, #80BCDE, #0068CE, #004B4D, #101133)
- Frosted Corridor color palette (#CCEDF8, #A3D7F5, #9393FC, #006A40, #00202D)
- Worn Lagoon color palette (#D9F5E0, #009E7A, #006B69, #004046, #001A26)
- Aged Cerulean color palette (#EBE2E9, #288694, #00415A, #002018, #000105)
- Aged Brick Terrace color palette (#D4EAEF, #00928C, #C02B00, #00524E, #280300)
Browse the whole catalog at Explore, or see today's palette.