← Back to Editor

#D2CDAF · #D7D2B5 · #AFBBA5 · #A5BAA9 · #6A8189

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D2CDAF

Fresh Green · Silver · Sunflower

HEX
#D2CDAF
RGB
rgb(210, 205, 175)
HSL
hsl(51, 28%, 75%)
HSB
hsb(51, 17%, 82%)
CMYK
cmyk(0%, 2%, 17%, 18%)
Oklch
oklch(84.4% 0.041 99.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D7D2B5

Fresh Green · LightGray · Lemon Cream

HEX
#D7D2B5
RGB
rgb(215, 210, 181)
HSL
hsl(51, 30%, 78%)
HSB
hsb(51, 16%, 84%)
CMYK
cmyk(0%, 2%, 16%, 16%)
Oklch
oklch(86.0% 0.039 99.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#AFBBA5

Celadon · DarkGray · Apple Green

HEX
#AFBBA5
RGB
rgb(175, 187, 165)
HSL
hsl(93, 14%, 69%)
HSB
hsb(93, 12%, 73%)
CMYK
cmyk(6%, 0%, 12%, 27%)
Oklch
oklch(77.7% 0.033 130.7)

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

#A5BAA9

Celadon · DarkGray · Apple Green

HEX
#A5BAA9
RGB
rgb(165, 186, 169)
HSL
hsl(131, 13%, 69%)
HSB
hsb(131, 11%, 73%)
CMYK
cmyk(11%, 0%, 9%, 27%)
Oklch
oklch(76.8% 0.033 151.0)

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

#6A8189

Slate Blue · SlateGray · Mint Ice

HEX
#6A8189
RGB
rgb(106, 129, 137)
HSL
hsl(195, 13%, 48%)
HSB
hsb(195, 23%, 54%)
CMYK
cmyk(23%, 6%, 0%, 46%)
Oklch
oklch(58.8% 0.029 220.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2CDAF
ADB3D1

Analogous

D1BAAD
D2CDAF
C5D1AD

Triadic

D2CDAF
ADD1CC
CCADD1

Split-Comp.

D2CDAF
ADC5D1
BAADD1

Tetradic

D2CDAF
ADD1BA
ADB3D1
D1ADC5

Contrast Matrix WCAG 2.1 Contrast

D2CDAF
D7D2B5
AFBBA5
A5BAA9
6A8189
—
1.1
Fail
1.2
Fail
1.3
Fail
2.6
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
2.7
Fail
1.2
Fail
1.3
Fail
—
1.0
Fail
2.0
Fail
1.3
Fail
1.4
Fail
1.0
Fail
—
2.0
Fail
2.6
Fail
2.7
Fail
2.0
Fail
2.0
Fail
—
White BG
1.6Fail
1.5Fail
2.0Fail
2.1Fail
4.1AA Large
Black BG
13.1AAA
13.8AAA
10.5AAA
10.2AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0B6
D5D5BC
B4B4AA
AEAEAD
747487

Deuteranopia

D0D1B8
D5D6BE
B4B3AC
ADABAE
737187

Tritanopia

D2BCBD
D7C2C3
B0AFAF
A6B0B1
6B8685

Achromatopsia

CBCBCB
D0D0D0
B5B5B5
B2B2B2
7B7B7B

Shades & Tints Shades & Tints

#D2CDAF

Dark
Light

#D7D2B5

Dark
Light

#AFBBA5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2cdaf;
  --color-2: #d7d2b5;
  --color-3: #afbba5;
  --color-4: #a5baa9;
  --color-5: #6a8189;
}

SCSS

$color-1: #d2cdaf;
$color-2: #d7d2b5;
$color-3: #afbba5;
$color-4: #a5baa9;
$color-5: #6a8189;

TAILWIND

colors: {
  'brand-1': '#d2cdaf',
  'brand-2': '#d7d2b5',
  'brand-3': '#afbba5',
  'brand-4': '#a5baa9',
  'brand-5': '#6a8189',
}

RGB Array

[210, 205, 175], [215, 210, 181], [175, 187, 165], [165, 186, 169], [106, 129, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2CDAF, #D7D2B5, #AFBBA5, #A5BAA9, #6A8189 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: #d2cdaf; --color-2: #d7d2b5; --color-3: #afbba5; --color-4: #a5baa9; --color-5: #6a8189. 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