Petrol Harbor color palette — #E9F9FA · #6DC1A8 · #3374A6 · #007059 · #172532
A conversation between Slate and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F9FA): a clean, paper-quiet neutral.
- Mint Leaf (#6DC1A8): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#3374A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#007059): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#172532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Dusty Pewter Terrace color palette (#ECF7FE, #6FBBD3, #7C609C, #006B82, #222234)
- Softworn Fern color palette (#EBF9F4, #A4B781, #008175, #516A00, #10282C)
- Pine Grove color palette (#E8F5F3, #8EC394, #6969BF, #06792F, #090D1B)
- Weathered Canyon color palette (#E6FCEA, #28ABB1, #357096, #793441, #1F4251)
- Antique Villa color palette (#F4F7ED, #97D5AB, #658FD5, #009956, #2F1C2E)
- Navy Garden color palette (#D1FFFA, #55BCC9, #1085A6, #005482, #113882)
- Worn Cypress color palette (#EEF7F9, #D5DAE3, #B9BFCE, #378280, #3C4B4E)
- Aqua Villa color palette (#EAF8FF, #91EAD4, #45C7DD, #608CC6, #15455B)
Browse the whole catalog at Explore, or see today's palette.