Woven Tetradic Color Scheme

Five colors arranged by the tetradic rule around Woven (#E0D1A0), each snapped to its nearest named color.

#E0D1A0

#A4E3B3

#ACACE6

#E1A0CF

#F9F7EC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Woven	`#E0D1A0`	224, 209, 160	46°, 51%, 75%	0, 7, 29, 12
Overtone	`#A4E3B3`	164, 227, 179	134°, 53%, 77%	28, 0, 21, 11
Maximum Blue Purple	`#ACACE6`	172, 172, 230	240°, 54%, 79%	25, 25, 0, 10
Exotic Violet	`#E1A0CF`	225, 160, 207	317°, 52%, 75%	0, 29, 8, 12
Night Blooming Jasmine	`#F9F7EC`	249, 247, 236	51°, 52%, 95%	0, 1, 5, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #ACACE6 on #F9F7EC	1.99:1	—
Aa #E1A0CF on #F9F7EC	1.93:1	—
Aa #A4E3B3 on #ACACE6	1.45:1	—
Aa #E0D1A0 on #F9F7EC	1.42:1	—
Aa #E0D1A0 on #ACACE6	1.41:1	—
Aa #A4E3B3 on #E1A0CF	1.40:1	—

CSS variables

:root {
  --color-1: #e0d1a0; /* Woven */
  --color-2: #a4e3b3; /* Overtone */
  --color-3: #acace6; /* Maximum Blue Purple */
  --color-4: #e1a0cf; /* Exotic Violet */
  --color-5: #f9f7ec; /* Night Blooming Jasmine */
}

Other schemes from Woven

More Light Yellow tetradic palettes

Questions

What colors go with Woven?

In a tetradic scheme: Overtone (#A4E3B3), Maximum Blue Purple (#ACACE6), Exotic Violet (#E1A0CF), Night Blooming Jasmine (#F9F7EC).

What is the hex code of Woven?

#E0D1A0.