Eclipse Petrol Alley color palette — #CFF0DF · #007696 · #172949 · #00150B · #000500

Teal and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CFF0DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007696): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#172949): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#00150B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000500): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Eclipse Petrol Alley 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 Denim color palette (#E1F3EB, #005C83, #121F22, #2A0E24, #000704)
• Cerulean Villa color palette (#E0F3FF, #0094BA, #2A4471, #002A3E, #00151B)
• Aged Cobalt Workshop color palette (#ECDEE9, #5971B7, #422832, #1E111B, #020806)
• Charred Lapis Lagoon color palette (#FADDF2, #4751EB, #341E45, #1C0718, #000503)
• Inked Navy color palette (#F3D8F2, #003F8E, #1C1B23, #110725, #030004)
• Muted Villa color palette (#FBEFE9, #8DE0E1, #0092AE, #006641, #00283F)
• Pine Thicket color palette (#FAF1DE, #99B367, #357C49, #005859, #1A2500)
• Shadow Aubergine color palette (#FFE4EB, #3F3A34, #40005A, #1B0F05, #070003)

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