← Back to Editor

#CDCBD5 · #ADABB7 · #6B7A8F · #92CCBF · #9CEDDA

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

#CDCBD5

Wisteria · LightGray · Sky Blue

HEX
#CDCBD5
RGB
rgb(205, 203, 213)
HSL
hsl(252, 11%, 82%)
HSB
hsb(252, 5%, 84%)
CMYK
cmyk(4%, 5%, 0%, 16%)
Oklch
oklch(84.7% 0.014 295.3)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#ADABB7

Wisteria · DarkGray · Silver Sand

HEX
#ADABB7
RGB
rgb(173, 171, 183)
HSL
hsl(250, 8%, 69%)
HSB
hsb(250, 7%, 72%)
CMYK
cmyk(5%, 7%, 0%, 28%)
Oklch
oklch(74.7% 0.017 293.6)

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

#6B7A8F

Indigo · SlateGray · Navy Blue

HEX
#6B7A8F
RGB
rgb(107, 122, 143)
HSL
hsl(215, 14%, 49%)
HSB
hsb(215, 25%, 56%)
CMYK
cmyk(25%, 15%, 0%, 44%)
Oklch
oklch(57.5% 0.037 256.8)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#92CCBF

Jade · LightSteelBlue · Lake Green

HEX
#92CCBF
RGB
rgb(146, 204, 191)
HSL
hsl(167, 36%, 69%)
HSB
hsb(167, 28%, 80%)
CMYK
cmyk(28%, 0%, 6%, 20%)
Oklch
oklch(80.2% 0.063 179.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#9CEDDA

Jade · LightBlue · Glacier Blue

HEX
#9CEDDA
RGB
rgb(156, 237, 218)
HSL
hsl(166, 69%, 77%)
HSB
hsb(166, 34%, 93%)
CMYK
cmyk(34%, 0%, 8%, 7%)
Oklch
oklch(88.9% 0.084 177.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDCBD5
D4D6CC

Analogous

CCCFD6
CDCBD5
D3CCD6

Triadic

CDCBD5
D6CECC
CCD6CE

Split-Comp.

CDCBD5
D6D3CC
CFD6CC

Tetradic

CDCBD5
D6CCCF
D4D6CC
CCD6D3

Contrast Matrix WCAG 2.1 Contrast

CDCBD5
ADABB7
6B7A8F
92CCBF
9CEDDA
—
1.4
Fail
2.7
Fail
1.1
Fail
1.2
Fail
1.4
Fail
—
1.9
Fail
1.3
Fail
1.7
Fail
2.7
Fail
1.9
Fail
—
2.4
Fail
3.2
AA Large
1.1
Fail
1.3
Fail
2.4
Fail
—
1.3
Fail
1.2
Fail
1.7
Fail
3.2
AA Large
1.3
Fail
—
White BG
1.6Fail
2.3Fail
4.4AA Large
1.8Fail
1.4Fail
Black BG
13.1AAA
9.3AAA
4.8AA
11.6AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCD3
ACACB4
71728A
ABACC2
BFC0DF

Deuteranopia

CCCCD2
ACACB3
717089
A8A3C3
BAB4E0

Tritanopia

CDD1D0
ADB2B1
6C8685
95C5C5
A0E2E3

Achromatopsia

CDCDCD
ADADAD
787878
B9B9B9
D3D3D3

Shades & Tints Shades & Tints

#CDCBD5

Dark
Light

#ADABB7

Dark
Light

#6B7A8F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdcbd5;
  --color-2: #adabb7;
  --color-3: #6b7a8f;
  --color-4: #92ccbf;
  --color-5: #9cedda;
}

SCSS

$color-1: #cdcbd5;
$color-2: #adabb7;
$color-3: #6b7a8f;
$color-4: #92ccbf;
$color-5: #9cedda;

TAILWIND

colors: {
  'brand-1': '#cdcbd5',
  'brand-2': '#adabb7',
  'brand-3': '#6b7a8f',
  'brand-4': '#92ccbf',
  'brand-5': '#9cedda',
}

RGB Array

[205, 203, 213], [173, 171, 183], [107, 122, 143], [146, 204, 191], [156, 237, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDCBD5, #ADABB7, #6B7A8F, #92CCBF, #9CEDDA 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: #cdcbd5; --color-2: #adabb7; --color-3: #6b7a8f; --color-4: #92ccbf; --color-5: #9cedda. 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