Vivid palette

Wild Iris

A purple base pulled towards gold, bright enough for editorial work.

5 colors · 4 of 20 pairs carry body text

Vivid

#3D275F

dark soft violet

#5A5725

dark soft yellow

#599238

mid soft lime

#BE9AE8

light vivid violet

#C7C992

light soft yellow

CSS

:root {
  --wild_iris-1: #3d275f;
  --wild_iris-2: #5a5725;
  --wild_iris-3: #599238;
  --wild_iris-4: #be9ae8;
  --wild_iris-5: #c7c992;
}

Drop these into :root and reference them anywhere. The names follow the palette so a second palette will not collide with this one.

This palette is a starting point. Open it in the generator to change the harmony rule, lock the colors you like and shuffle the rest.

4 of 20 pairs reach 4.5:1

Contrast ratio of every color in this palette against every other.
On ↓ / text →	#3D275F	#5A5725	#599238	#BE9AE8	#C7C992
#3D275F	Same	1.71	3.38	5.43	7.38
#5A5725	1.71	Same	1.98	3.18	4.32
#599238	3.38	1.98	Same	1.6	2.18
#BE9AE8	5.43	3.18	1.6	Same	1.36
#C7C992	7.38	4.32	2.18	1.36	Same

Read a row as the background and a column as the text on it. Anything at 4.5:1 or above carries body text; 3:1 covers large text and interface parts.