Petrol Harbor color palette — #D6EEE6 · #0071AB · #063162 · #141D22 · #000A06

Built around Slate, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D6EEE6): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#0071AB): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#063162): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#141D22): a grounded near-black with real depth.
• Ink (#000A06): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Cypress Meadow color palette (#DBEADA, #007A79, #003A40, #0A1B1C, #000B01)
• Moonless Chapel color palette (#D0EEE3, #005982, #0F0D44, #081619, #000302)
• Pale Cornflower color palette (#D2E3F7, #2393FC, #40578D, #412C43, #000A06)
• Smoked Sapphire color palette (#F8E0F7, #0061DF, #252D5B, #110111, #000202)
• Wandering Cerulean color palette (#E4E6D5, #48C2D9, #0091B1, #006C70, #001721)
• Dusty Veranda color palette (#F3DFEA, #998FFF, #6E5C8F, #513947, #190D16)
• Periwinkle Parlor color palette (#D5EAF9, #6195DD, #7075A9, #7A4066, #002719)
• Aged Boulevard color palette (#F6E7ED, #9B63FF, #5E4A6D, #402633, #090206)

Browse the whole catalog at Explore, or see today's palette.