Moonless Petrol Harbor color palette — #CCE7DB · #006E95 · #351A31 · #00110A · #000301

Peacock takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#CCE7DB): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#006E95): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#351A31): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#00110A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Moonless 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

• Twilit Petrol Basin color palette (#F2E4F3, #0066B2, #231E45, #130814, #000301)
• Twilit Workshop color palette (#D3F3E6, #006B96, #002D26, #051811, #000505)
• Tempered Veranda color palette (#DEEDF8, #008CBD, #2E405F, #15232D, #070F12)
• Weathered Iris Balcony color palette (#F8E8F1, #7F7AB9, #503138, #251A21, #0F0B0F)
• Cornflower Loft color palette (#E9DAE7, #4375E1, #926400, #4D6500, #200A1E)
• Patina Cerulean color palette (#FAEFEA, #B3D0B9, #0088AE, #005E46, #002720)
• Muted Loft color palette (#F7F1E3, #92A87E, #157749, #005156, #1F1D04)
• Chalky Nightshade color palette (#F9E1F0, #7F88DF, #AB6C00, #4548A2, #2A1700)

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