Cypress Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Cypress (#585D40), each snapped to its nearest named color.

#12110E

#2E3222

#585D40

#80905F

#A5AF89

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Sinister	`#12110E`	18, 17, 14	45°, 13%, 6%	0, 6, 22, 93	17.8% 0.006 92
Rangitoto	`#2E3222`	46, 50, 34	75°, 19%, 16%	8, 0, 32, 80	30.8% 0.028 119
Cypress	`#585D40`	88, 93, 64	70°, 18%, 31%	5, 0, 31, 64	46.6% 0.045 116
Green Energy	`#80905F`	128, 144, 95	80°, 21%, 47%	11, 0, 34, 44	62.8% 0.072 123
Filigree Green	`#A5AF89`	165, 175, 137	76°, 19%, 61%	6, 0, 22, 31	73.6% 0.054 120

Which pairs work for text

Text on background	Contrast	WCAG
Aa #12110E on #A5AF89	8.18:1	AAA
Aa #2E3222 on #A5AF89	5.70:1	AA
Aa #12110E on #80905F	5.46:1	AA
Aa #2E3222 on #80905F	3.81:1	AA large
Aa #585D40 on #A5AF89	2.98:1	—
Aa #12110E on #585D40	2.75:1	—

CSS variables

:root {
  --color-1: #12110e; /* Sinister */
  --color-2: #2e3222; /* Rangitoto */
  --color-3: #585d40; /* Cypress */
  --color-4: #80905f; /* Green Energy */
  --color-5: #a5af89; /* Filigree Green */
}

Other schemes from Cypress

More dark green monochromatic color schemes

Questions

What colors go with Cypress?

In a monochromatic scheme: Sinister (#12110E), Rangitoto (#2E3222), Green Energy (#80905F), Filigree Green (#A5AF89).

What is the hex code of Cypress?

#585D40.