Petrichor Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Petrichor (#66CCCC), each snapped to its nearest named color.

#2A6F73

#34ACB1

#66CCCC

#9ADEDB

#D8F1F4

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Blue Hosta	`#2A6F73`	42, 111, 115	183°, 46%, 31%	63, 3, 0, 55	50.0% 0.068 201
Pluto	`#34ACB1`	52, 172, 177	182°, 55%, 45%	71, 3, 0, 31	68.2% 0.103 199
Petrichor	`#66CCCC`	102, 204, 204	180°, 50%, 60%	50, 0, 0, 20	78.5% 0.095 195
Pale Pastel	`#9ADEDB`	154, 222, 219	177°, 51%, 74%	31, 0, 1, 13	85.5% 0.068 192
Let It Snow	`#D8F1F4`	216, 241, 244	186°, 56%, 90%	11, 1, 0, 4	94.1% 0.027 205

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2A6F73 on #D8F1F4	4.92:1	AA
Aa #2A6F73 on #9ADEDB	3.82:1	AA large
Aa #2A6F73 on #66CCCC	3.06:1	AA large
Aa #34ACB1 on #D8F1F4	2.32:1	—
Aa #2A6F73 on #34ACB1	2.12:1	—
Aa #34ACB1 on #9ADEDB	1.80:1	—

CSS variables

:root {
  --color-1: #2a6f73; /* Blue Hosta */
  --color-2: #34acb1; /* Pluto */
  --color-3: #66cccc; /* Petrichor */
  --color-4: #9adedb; /* Pale Pastel */
  --color-5: #d8f1f4; /* Let It Snow */
}

Other schemes from Petrichor

More light teal monochromatic color schemes

Questions

What colors go with Petrichor?

In a monochromatic scheme: Blue Hosta (#2A6F73), Pluto (#34ACB1), Pale Pastel (#9ADEDB), Let It Snow (#D8F1F4).

What is the hex code of Petrichor?

#66CCCC.