Color Scheme

Generate Palette

~ Moss Green

~ Artichoke

~ Artichoke

~ Laurel Green

~ Laurel Green

~ Laurel Green

~ Pastel Gray

~ Oatmeal

~ Alabaster

~ Baby Powder

White
Color shades and tints
close (X)





Palette Link (Permalink)

https://www.colorxs.com/palette/editor/80905f-8d9b6f-99a67f-a6b18f-b3bc9f-c0c8af-ccd3bf-d9decf-e6e9df-f2f4ef-ffffff


Home > Palette > Palette Editor

Color scheme and palette generator (editor) with a color wheel

Create or edit the color palette using the color scheme and palette generator. A color wheel generator. Apply the color palette to design mockups.

Facebook Twitter E-Mail Pinterest Reddit WhatsApp LinkedIn

Generate a random color palette by selecting the color scheme. The palette generator also comes with a website mockup, mobile app mockup, geometric pattern, T-Shirt designs, and graphs. Check how the palette looks by applying the color palette to the different mockups and designs provided by the editor.

  • Custom
  • Monochromatic
  • Analogous
  • Complementary
  • Split Complementary
  • Triadic
  • Tetradic
  • Hexadic

Palette has 11 colors. The color palette consist of - #80905f (~Moss Green) - #8d9b6f (~Artichoke) - #99a67f (~Artichoke) - #a6b18f (~Laurel Green) - #b3bc9f (~Laurel Green) - #c0c8af (~Laurel Green) - #ccd3bf (~Pastel Gray) - #d9decf (~Oatmeal) - #e6e9df (~Alabaster) - #f2f4ef (~Baby Powder) - #ffffff (White) colors.


Palette Colors Contrast

Contrast ratio of Palette Colors. Contrast ratio of text and background colors in based on recommendations of Web Content Accessibility Guidelines (WCAG).

Color contrast against 1st color of palette as background


Color contrast against black background


Color contrast against white background


What is color contrast ratio?

Color contrast is the difference in brightness between foreground text and background colors. It is a measure of the difference in perceived luminance (contrast) between two colors. For example ratio is 1 (1:1) for white on white and 21 (21:1) for black on a white.

WCAG recommendations provides two levels of contrast ratios, Mminimum contrast (AA) and Eenhanced contrast (AAA).

  • The level AA requires a contrast ratio of at least 4.5 (4.5:1) for normal text and 3 (3:1) for large text.
  • The level AAA requires a contrast ratio of at least 7 (7:1) for normal text and 4.5 (4.5:1) for large text or bold text.

Note:

  • Normal text is non-bold text with a font size lower than 18pt(24px) or bold text with a font size lower than 14pt(18.5px).
  • Large text a non-bold text with a font size higher or equal to 18pt(24px) or bold text with a font higher or equal to 14pt(18.5px).




Palette Colors and Color Codes

#80905F

Name: ~ Moss Green (#8a9a5b)
Hex: #80905F
RGB: RGB(128, 144, 95)
CMYK: 11.1%, 0.0%, 34.0%, 43.5%
#8D9B6F

Name: ~ Artichoke (#8f9779)
Hex: #8D9B6F
RGB: RGB(141, 155, 111)
CMYK: 9.0%, 0.0%, 28.4%, 39.2%
#99A67F

Name: ~ Artichoke (#8f9779)
Hex: #99A67F
RGB: RGB(153, 166, 127)
CMYK: 7.8%, 0.0%, 23.5%, 34.9%
#A6B18F

Name: ~ Laurel Green (#a9ba9d)
Hex: #A6B18F
RGB: RGB(166, 177, 143)
CMYK: 6.2%, 0.0%, 19.2%, 30.6%
#B3BC9F

Name: ~ Laurel Green (#a9ba9d)
Hex: #B3BC9F
RGB: RGB(179, 188, 159)
CMYK: 4.8%, 0.0%, 15.4%, 26.3%
#C0C8AF

Name: ~ Laurel Green (#a9ba9d)
Hex: #C0C8AF
RGB: RGB(192, 200, 175)
CMYK: 4.0%, 0.0%, 12.5%, 21.6%
#CCD3BF

Name: ~ Pastel Gray (#cfcfc4)
Hex: #CCD3BF
RGB: RGB(204, 211, 191)
CMYK: 3.3%, 0.0%, 9.5%, 17.3%
#D9DECF

Name: ~ Oatmeal (#d9dad2)
Hex: #D9DECF
RGB: RGB(217, 222, 207)
CMYK: 2.3%, 0.0%, 6.8%, 12.9%
#E6E9DF

Name: ~ Alabaster (#f2f0e6)
Hex: #E6E9DF
RGB: RGB(230, 233, 223)
CMYK: 1.3%, 0.0%, 4.3%, 8.6%
#F2F4EF

Name: ~ Baby Powder (#fefefa)
Hex: #F2F4EF
RGB: RGB(242, 244, 239)
CMYK: 0.8%, 0.0%, 2.0%, 4.3%
#FFFFFF

Name: White
Hex: #FFFFFF
RGB: RGB(255, 255, 255)
CMYK: 0.0%, 0.0%, 0.0%, 0.0%

~ Color Name is not the exact match. It is the nearest matching name to the Hex Code.