Petrol Harbor color palette — #F0E8DC · #78BFC5 · #00829B · #005B4C · #002332
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E8DC): a clean, paper-quiet neutral.
- Mint Leaf (#78BFC5): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005B4C): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#002332): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Petrol Field color palette (#F3ECE0, #71ABC1, #006DA0, #004A4C, #00132E)
- Glacier Coast color palette (#EAFAED, #6EE0E9, #0088A2, #005345, #000F18)
- Timeworn Balcony color palette (#F4EEE4, #AACEB9, #1791C5, #006C6B, #042F53)
- Pale Cobalt color palette (#F0E8DC, #8DBDAF, #3872CC, #005669, #131451)
- Misty Iris Balcony color palette (#DAF9E4, #9FCCE9, #7298F7, #007D7B, #002A37)
- Timeworn Bloom color palette (#D7EEE7, #009A8F, #007479, #004A56, #00212C)
- Azure Parlor color palette (#F6EAF4, #5ED4DC, #009FD2, #1F814A, #061E41)
- Lagoon Meadow color palette (#F9F4ED, #C6E3DF, #69AFCE, #008D85, #1F5245)
Browse the whole catalog at Explore, or see today's palette.