Petrol Harbor color palette — #F3F7F0 · #76C0A9 · #007D8E · #00705A · #1A281E
Built around Teal, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F3F7F0): a clean, paper-quiet neutral.
- Mint Leaf (#76C0A9): A luminous, balanced teal — the color of glacier melt.
- Teal (#007D8E): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#00705A): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#1A281E): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Hushed Petrol Summit color palette (#EFF8F2, #6BBCD2, #3D73A4, #006B80, #122924)
- Wandering Fern color palette (#F7F6EC, #A1B973, #2A815C, #526A0F, #202715)
- Timeworn Pine color palette (#F1F3EB, #8EC297, #2B78BE, #007934, #01120E)
- Wandering Dune color palette (#F5F8E0, #3EA9AE, #19758E, #4F4574, #2B4432)
- Cerulean Courtyard color palette (#B3FFFE, #68C3CE, #00849D, #005975, #004260)
- Antique Station color palette (#F2F7F0, #D2DDDA, #B2C3C0, #3D827A, #424B40)
- Powdered Lapis color palette (#E5FBF1, #24B0E5, #484ED4, #005E7E, #2D1126)
- Airy Emerald color palette (#EDF8F7, #9AD5A8, #2A9AD0, #009A4C, #142633)
Browse the whole catalog at Explore, or see today's palette.