Iris

A jewel-tone 5-color palette built around Iris (#5a56cd), Tropicana (#497200), and Cookie Dough (#ab6c00), with a bold feel throughout.

jewel-tonebold
Visualize
:root {
  --color-1: #5a56cd;
  --color-2: #895600;
  --color-3: #497200;
  --color-4: #b7bdff;
  --color-5: #ab6c00;
}

.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

Pixel Bleeding28
Eye Patch52
Storybook Sundown47
Long Island Sound53
Cursed Black31
Bisque Tan18
Milk and Honey3
Cinnamon Milk25

Iris FAQ

What colors are in Iris?

Iris uses 5 colors: Iris, Spear Shaft, Tropicana, Dried Lilac, Cookie Dough.

Is Iris accessible for text and backgrounds?

The highest-contrast pair in this palette is Spear Shaft on Dried Lilac, at 3.5:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Iris in a project?

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