← Back to Editor

#CDE6AC · #C0C9B3 · #AD9EA1 · #997A7A · #6A7063

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CDE6AC

Willow Green · Wheat · Apple Green

HEX
#CDE6AC
RGB
rgb(205, 230, 172)
HSL
hsl(86, 54%, 79%)
HSB
hsb(86, 25%, 90%)
CMYK
cmyk(11%, 0%, 25%, 10%)
Oklch
oklch(89.2% 0.081 126.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C0C9B3

Willow Green · Silver · Apple Green

HEX
#C0C9B3
RGB
rgb(192, 201, 179)
HSL
hsl(85, 17%, 75%)
HSB
hsb(85, 11%, 79%)
CMYK
cmyk(4%, 0%, 11%, 21%)
Oklch
oklch(82.3% 0.032 125.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#AD9EA1

Peach Pink · DarkGray · Silver Sand

HEX
#AD9EA1
RGB
rgb(173, 158, 161)
HSL
hsl(348, 8%, 65%)
HSB
hsb(348, 9%, 68%)
CMYK
cmyk(0%, 9%, 7%, 32%)
Oklch
oklch(71.3% 0.018 3.9)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#997A7A

Crimson · Gray · Passion Red

HEX
#997A7A
RGB
rgb(153, 122, 122)
HSL
hsl(0, 13%, 54%)
HSB
hsb(0, 20%, 60%)
CMYK
cmyk(0%, 20%, 20%, 40%)
Oklch
oklch(60.9% 0.039 18.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#6A7063

Ink Gray · DimGray · Warm Gray

HEX
#6A7063
RGB
rgb(106, 112, 99)
HSL
hsl(88, 6%, 41%)
HSB
hsb(88, 12%, 44%)
CMYK
cmyk(5%, 0%, 12%, 56%)
Oklch
oklch(53.6% 0.021 127.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDE6AC
C6ADE6

Analogous

E6E3AD
CDE6AC
B0E6AD

Triadic

CDE6AC
ADCDE6
E6ADCD

Split-Comp.

CDE6AC
ADB0E6
E3ADE6

Tetradic

CDE6AC
ADE6E3
C6ADE6
E6ADB0

Contrast Matrix WCAG 2.1 Contrast

CDE6AC
C0C9B3
AD9EA1
997A7A
6A7063
—
1.3
Fail
1.9
Fail
2.9
Fail
3.8
AA Large
1.3
Fail
—
1.5
Fail
2.3
Fail
3.0
Fail
1.9
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
2.9
Fail
2.3
Fail
1.5
Fail
—
1.3
Fail
3.8
AA Large
3.0
Fail
2.0
Fail
1.3
Fail
—
White BG
1.4Fail
1.7Fail
2.6Fail
3.9AA Large
5.1AA
Black BG
15.5AAA
12.2AAA
8.2AAA
5.4AA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8BA
C4C4B8
A7A6A0
8C8B7A
6D6D66

Deuteranopia

D6D5BD
C3C3BA
A7A9A0
8D907A
6C6C67

Tritanopia

CEC5C8
C0BDBD
ACA0A0
977A7A
6A6969

Achromatopsia

D8D8D8
C4C4C4
A3A3A3
838383
6D6D6D

Shades & Tints Shades & Tints

#CDE6AC

Dark
Light

#C0C9B3

Dark
Light

#AD9EA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cde6ac;
  --color-2: #c0c9b3;
  --color-3: #ad9ea1;
  --color-4: #997a7a;
  --color-5: #6a7063;
}

SCSS

$color-1: #cde6ac;
$color-2: #c0c9b3;
$color-3: #ad9ea1;
$color-4: #997a7a;
$color-5: #6a7063;

TAILWIND

colors: {
  'brand-1': '#cde6ac',
  'brand-2': '#c0c9b3',
  'brand-3': '#ad9ea1',
  'brand-4': '#997a7a',
  'brand-5': '#6a7063',
}

RGB Array

[205, 230, 172], [192, 201, 179], [173, 158, 161], [153, 122, 122], [106, 112, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDE6AC, #C0C9B3, #AD9EA1, #997A7A, #6A7063 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cde6ac; --color-2: #c0c9b3; --color-3: #ad9ea1; --color-4: #997a7a; --color-5: #6a7063. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color