Petrol Harbor color palette — #DCF3E7 · #006D8B · #351C2F · #061810 · #010604

Built around Peacock, softened by Onyx — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DCF3E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006D8B): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#351C2F): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#061810): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010604): 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

• Cypress Parlor color palette (#EAF2E5, #007462, #022E1E, #0E1609, #020501)
• Smoked Ultramarine Basin color palette (#F5E6F0, #4957B7, #3A1B23, #1E0D1A, #010C0D)
• Shadow Denim Lagoon color palette (#DEEFE8, #004B6D, #08191C, #1E0315, #000402)
• Timeworn Turquoise color palette (#DAEBF6, #00ABD6, #555F86, #2A404C, #041012)
• Softworn Cerulean Field color palette (#DDF1E7, #008DB7, #4D364F, #09281C, #061009)
• Aubergine Terrace color palette (#F5E4E9, #7B1AA1, #37362F, #300D09, #160208)
• Ultramarine Coast color palette (#FCDDF4, #2F1DF8, #2E0D38, #04082A, #000A06)
• Deep Courtyard color palette (#FCDFED, #603000, #360078, #241309, #0D0008)

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