Petrol Harbor color palette — #E9E3D9 · #6EADB0 · #008298 · #005F4E · #000B12
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Parchment (#E9E3D9): bright and airy, almost weightless.
- Blue Fog (#6EADB0): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008298): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005F4E): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000B12): 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
- Frosted Cobalt color palette (#EBE4D9, #6FA9C7, #1279C1, #005C65, #000526)
- Denim Harbor color palette (#FFEAE3, #4FA1A7, #006181, #003E1F, #00081F)
- Tempered Lagoon color palette (#E2EBE3, #3D8589, #004350, #002019, #000103)
- Faded Iris color palette (#F4EDE1, #96C6ED, #5791EB, #007992, #151945)
- Tempered Ridge color palette (#F4EEE4, #A2DEF3, #4AAFE8, #009093, #082F54)
- Tempered Byzantium Hollow color palette (#FFE7FB, #B121A9, #7C6300, #006472, #050005)
- Washed Aqua color palette (#FAF4EC, #C4E7DD, #83CBD8, #68A791, #2A513F)
- Washed Aubergine color palette (#F3E0E3, #C365CC, #018A2C, #6C0076, #000901)
Browse the whole catalog at Explore, or see today's palette.