Striking

Striking (#00677a), Sugarloaf Brown (#564800), and Purplish Pink (#db54c1) come together in this vibrant palette, well suited to bold designs.

vibrantbold
Visualize
:root {
  --color-1: #00677a;
  --color-2: #b72fa0;
  --color-3: #564800;
  --color-4: #00c1e2;
  --color-5: #db54c1;
}

.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.

Striking FAQ

What colors are in Striking?

Striking uses 5 colors: Striking, Byzantine, Sugarloaf Brown, Maldives, Purplish Pink.

Is Striking accessible for text and backgrounds?

The highest-contrast pair in this palette is Sugarloaf Brown on Maldives, at 4.2:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Striking in a project?

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