Petrol Harbor color palette — #D2EEDB · #006C7C · #313640 · #001327 · #000201
Peacock and Ink set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D2EEDB): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#006C7C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#313640): quiet, heavy and certain.
- Ink (#001327): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. 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
- Smoked Abyss color palette (#DBEDE1, #004C5B, #26282F, #001119, #000201)
- Dusty Cerulean color palette (#D0E9F5, #00889F, #14485D, #00212E, #000203)
- Nocturne Cobalt color palette (#CBFAEC, #0084D1, #252159, #000814, #000201)
- Softworn Garden color palette (#FDF1FD, #8AB1E6, #634D58, #312731, #0A110E)
- Ancient Turquoise Archive color palette (#E4FCEF, #1EAED7, #523F51, #13221B, #030703)
- Fern Grove color palette (#FEF4E4, #A4A859, #3A6F24, #00463F, #080800)
- Azure Cabin color palette (#CDF9ED, #0898F2, #A46E00, #005185, #0E0600)
- Wandering Cobalt color palette (#FDF3E9, #A0D2FB, #5977BF, #005059, #0E0030)
Browse the whole catalog at Explore, or see today's palette.