Cyberpunk City

A vibrant 5-color palette built around Secret Passage (#392c00), Vermin Brown (#917600), and Pinard Yellow (#f5c900), with a bold feel throughout.

vibrantbold
Visualize
:root {
  --color-1: #392c00;
  --color-2: #3416e0;
  --color-3: #917600;
  --color-4: #839aff;
  --color-5: #f5c900;
}

.ASE works in Adobe apps and several others that adopted the format. .sketchpalette imports into Sketch. .swatches (Procreate) follows a community-documented structure, since Procreate doesn't publish an official spec, so treat it as best-effort. .pptx is a real PowerPoint file with the palette applied as the deck's theme colors (not just two sample slides); Keynote opens .pptx files directly too.

Similar palettes

Xanthophobia15
Smoked Oak Brown56
Main Mast Gold2
Lepton Gold37
Dull Violet9
Durazno Maduro50
Clinker1
Palette 8/22/20260

Cyberpunk City FAQ

What colors are in Cyberpunk City?

Cyberpunk City uses 5 colors: Secret Passage, Delft Blue, Vermin Brown, Periwinkle Blue, Pinard Yellow.

Is Cyberpunk City accessible for text and backgrounds?

The highest-contrast pair in this palette is Secret Passage on Pinard Yellow, at 8.6:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Cyberpunk City in a project?

Copy the hex codes above, or open Cyberpunk City in the generator to remix it and export as CSS, Tailwind, or JSON.