Petrol Harbor color palette — #C1E7F9 · #00719B · #004A72 · #001428 · #000105
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#C1E7F9): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#00719B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004A72): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#001428): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, 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
- Smoked Onyx color palette (#C5ECF0, #005871, #003353, #000F37, #01000A)
- Cellar Cypress color palette (#D8F3EC, #00796F, #004241, #001E20, #000102)
- Sunlit Navy color palette (#CEF7FC, #0087AB, #00659A, #003889, #06002B)
- Cobalt Corridor color palette (#E2F1FF, #0074D5, #003585, #020048, #00000B)
- Wandering Hollow color palette (#DBEAF9, #0070B0, #006726, #002E4C, #000200)
- Iris Corridor color palette (#D3E3FE, #ABB6F8, #8F7BCA, #004777, #00000B)
- Quiet Grove color palette (#E4EDFF, #4C7EE3, #0036A3, #1F0B1F, #00031B)
- Ultramarine Hollow color palette (#DDE8FD, #2147B8, #770070, #003A3C, #00000C)
Browse the whole catalog at Explore, or see today's palette.