Mustard

A fourth-of-july 5-color palette built around Mustard (#d0b100), Pú Táo Zǐ Purple (#cc63b6), and Azure Green Blue (#006c80), with a bold feel throughout.

fourth-of-julybold
Visualize
:root {
  --color-1: #d0b100;
  --color-2: #00d9fe;
  --color-3: #cc63b6;
  --color-4: #c0a200;
  --color-5: #006c80;
}

.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

Holly Berry30
Minuet Rose59
Broadleaf Forest24
Off-Road Green67
Cactus Spike56
Permanent Green54
Queen of Trees51
Dark Green22

Mustard FAQ

What colors are in Mustard?

Mustard uses 5 colors: Mustard, Neon Blue, Pú Táo Zǐ Purple, La Vida, Azure Green Blue.

Is Mustard accessible for text and backgrounds?

The highest-contrast pair in this palette is Neon Blue on Azure Green Blue, at 3.6:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Mustard in a project?

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