Moth Tetradic Color Scheme

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

#CBC1A2

#A1CCB1

#A2ADD0

#CFA1C7

#F0EEE3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Moth	`#CBC1A2`	203, 193, 162	45°, 28%, 72%	0, 5, 20, 20
Calculus	`#A1CCB1`	161, 204, 177	142°, 30%, 72%	21, 0, 13, 20
Mild Blue Yonder	`#A2ADD0`	162, 173, 208	226°, 33%, 73%	22, 17, 0, 18
Geranium Bud	`#CFA1C7`	207, 161, 199	310°, 32%, 72%	0, 22, 4, 19
Crepe Silk White	`#F0EEE3`	240, 238, 227	51°, 30%, 92%	0, 1, 5, 6

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A2ADD0 on #F0EEE3	1.91:1	—
Aa #CFA1C7 on #F0EEE3	1.88:1	—
Aa #CBC1A2 on #F0EEE3	1.54:1	—
Aa #A1CCB1 on #F0EEE3	1.53:1	—
Aa #A1CCB1 on #A2ADD0	1.25:1	—
Aa #CBC1A2 on #A2ADD0	1.24:1	—

CSS variables

:root {
  --color-1: #cbc1a2; /* Moth */
  --color-2: #a1ccb1; /* Calculus */
  --color-3: #a2add0; /* Mild Blue Yonder */
  --color-4: #cfa1c7; /* Geranium Bud */
  --color-5: #f0eee3; /* Crepe Silk White */
}

Other schemes from Moth

More Light Yellow tetradic palettes

Questions

What colors go with Moth?

In a tetradic scheme: Calculus (#A1CCB1), Mild Blue Yonder (#A2ADD0), Geranium Bud (#CFA1C7), Crepe Silk White (#F0EEE3).

What is the hex code of Moth?

#CBC1A2.