Petrol Harbor color palette — #F7EAF3 · #79BFC0 · #00748C · #005335 · #05314B
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Mint Leaf (#79BFC0): A luminous, dusty teal — the color of glacier melt.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005335): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#05314B): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cobalt Dune color palette (#F5EBF0, #82BAD5, #006AB9, #00504E, #212955)
- Aged Aqua color palette (#E9EADF, #64C5C8, #007985, #004C45, #001A20)
- Wandering Cerulean color palette (#E1F3EF, #6ED8D9, #0098A4, #006D62, #00343D)
- Aged Cobalt color palette (#FFF0F8, #96D9F4, #0085D4, #006761, #2F3E66)
- Muted Field color palette (#F6EDDF, #BDDDBE, #00B8D2, #009476, #003344)
- Wandering Garden color palette (#F9F3F7, #D5D6ED, #58A5C2, #397E64, #435565)
- Faded Rust Boulevard color palette (#EDD6E8, #CE4E44, #007B73, #8C030B, #00302D)
- Washed Nightshade color palette (#ECD9E0, #5F96BD, #003BAE, #002F33, #130240)
Browse the whole catalog at Explore, or see today's palette.