Petrol Harbor color palette — #D6EEFF · #006990 · #392F33 · #0B2346 · #000A15
Peacock takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D6EEFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006990): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#392F33): a grounded near-black with real depth.
- Midnight (#0B2346): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Dusty Cypress color palette (#CFE7EC, #007067, #464046, #002A30, #000C0F)
- Denim Pier color palette (#E0EEFF, #0051A0, #251A1C, #131236, #000209)
- Hushed Azure Grove color palette (#DAE6F2, #3896DA, #414D64, #212F3D, #101A1F)
- Orchid Veranda color palette (#E3E6FF, #9D56FC, #473F60, #22243D, #0D111C)
- Hushed Cerulean Chapel color palette (#E0EFE8, #0085B0, #373C6F, #00212E, #000300)
- Petrol Meadow color palette (#E2ECE4, #74C0C7, #00829D, #005A4E, #002333)
- Cellar Ultramarine Orchard color palette (#E1EBFB, #1D4BE0, #241D43, #190C0E, #00071F)
- Ultramarine Ridge color palette (#E4F2FC, #078BEA, #0E56CE, #2E27A4, #1B0C4A)
Browse the whole catalog at Explore, or see today's palette.