← Back to Editor

#CDE6C5 · #DDEEB5 · #C2CBB5 · #A8A7AB · #7A9A92

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CDE6C5

Celadon · LightGray · Mint Green

HEX
#CDE6C5
RGB
rgb(205, 230, 197)
HSL
hsl(105, 40%, 84%)
HSB
hsb(105, 14%, 90%)
CMYK
cmyk(11%, 0%, 14%, 10%)
Oklch
oklch(89.8% 0.052 138.1)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#DDEEB5

Willow Green · Wheat · Mint Green

HEX
#DDEEB5
RGB
rgb(221, 238, 181)
HSL
hsl(78, 63%, 82%)
HSB
hsb(78, 24%, 93%)
CMYK
cmyk(7%, 0%, 24%, 7%)
Oklch
oklch(92.2% 0.077 121.4)

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

#C2CBB5

Willow Green · Silver · Apple Green

HEX
#C2CBB5
RGB
rgb(194, 203, 181)
HSL
hsl(85, 17%, 75%)
HSB
hsb(85, 11%, 80%)
CMYK
cmyk(4%, 0%, 11%, 20%)
Oklch
oklch(82.9% 0.032 125.3)

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

#A8A7AB

Ash · DarkGray · Silver Sand

HEX
#A8A7AB
RGB
rgb(168, 167, 171)
HSL
hsl(255, 2%, 66%)
HSB
hsb(255, 2%, 67%)
CMYK
cmyk(2%, 2%, 0%, 33%)
Oklch
oklch(73.0% 0.006 297.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#7A9A92

Mineral Blue · LightSlateGray · Lake Green

HEX
#7A9A92
RGB
rgb(122, 154, 146)
HSL
hsl(165, 14%, 54%)
HSB
hsb(165, 21%, 60%)
CMYK
cmyk(21%, 0%, 5%, 40%)
Oklch
oklch(66.0% 0.038 178.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDE6C5
DEC6E7

Analogous

DEE7C6
CDE6C5
C6E7CE

Triadic

CDE6C5
C6CEE7
E7C6CE

Split-Comp.

CDE6C5
CEC6E7
E7C6DE

Tetradic

CDE6C5
C6DEE7
DEC6E7
E7CEC6

Contrast Matrix WCAG 2.1 Contrast

CDE6C5
DDEEB5
C2CBB5
A8A7AB
7A9A92
—
1.1
Fail
1.3
Fail
1.8
Fail
2.3
Fail
1.1
Fail
—
1.4
Fail
1.9
Fail
2.5
Fail
1.3
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.8
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
2.3
Fail
2.5
Fail
1.8
Fail
1.3
Fail
—
White BG
1.3Fail
1.2Fail
1.7Fail
2.4Fail
3.1AA Large
Black BG
15.7AAA
17.0AAA
12.5AAA
8.8AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8CD
E4E5C3
C6C6BA
A8A8AA
888894

Deuteranopia

D6D5CF
E3E2C6
C5C5BC
A8A8AA
868494

Tritanopia

CED3D5
DECED0
C2BFBF
A8A9A9
7C9596

Achromatopsia

DBDBDB
E2E2E2
C6C6C6
A8A8A8
909090

Shades & Tints Shades & Tints

#CDE6C5

Dark
Light

#DDEEB5

Dark
Light

#C2CBB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cde6c5;
  --color-2: #ddeeb5;
  --color-3: #c2cbb5;
  --color-4: #a8a7ab;
  --color-5: #7a9a92;
}

SCSS

$color-1: #cde6c5;
$color-2: #ddeeb5;
$color-3: #c2cbb5;
$color-4: #a8a7ab;
$color-5: #7a9a92;

TAILWIND

colors: {
  'brand-1': '#cde6c5',
  'brand-2': '#ddeeb5',
  'brand-3': '#c2cbb5',
  'brand-4': '#a8a7ab',
  'brand-5': '#7a9a92',
}

RGB Array

[205, 230, 197], [221, 238, 181], [194, 203, 181], [168, 167, 171], [122, 154, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDE6C5, #DDEEB5, #C2CBB5, #A8A7AB, #7A9A92 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #cde6c5; --color-2: #ddeeb5; --color-3: #c2cbb5; --color-4: #a8a7ab; --color-5: #7a9a92. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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