Copacabana

Looking for a cool palette? This one pairs Copacabana (#006c8e), Amalfi Coast (#277dc4), and Kitten’s Eye (#8baaff) for a fresh result.

coolfresh
Visualize
:root {
  --color-1: #006c8e;
  --color-2: #58c1ff;
  --color-3: #277dc4;
  --color-4: #97c1ff;
  --color-5: #8baaff;
}

.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

Megaman33
Atlantic Gull15
Integrity37
Capital Blue13
Wave Jumper21
Ice Effect9
Loyal Blue8
Blithe112

Copacabana FAQ

What colors are in Copacabana?

Copacabana uses 5 colors: Copacabana, Hello Summer, Amalfi Coast, Truesky Gloxym, Kitten’s Eye.

Is Copacabana accessible for text and backgrounds?

The highest-contrast pair in this palette is Copacabana on Truesky Gloxym, at 3.2:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Copacabana in a project?

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