← Back to Editor

#D2D5C0 · #ABC4C0 · #BDCAC1 · #DBD3BE · #C6BDAC

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

#D2D5C0

Fresh Green · LightGray · Lemon Cream

HEX
#D2D5C0
RGB
rgb(210, 213, 192)
HSL
hsl(69, 20%, 79%)
HSB
hsb(69, 10%, 84%)
CMYK
cmyk(1%, 0%, 10%, 16%)
Oklch
oklch(86.5% 0.029 113.6)

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

#ABC4C0

Jade · Silver · Lake Green

HEX
#ABC4C0
RGB
rgb(171, 196, 192)
HSL
hsl(170, 17%, 72%)
HSB
hsb(170, 13%, 77%)
CMYK
cmyk(13%, 0%, 2%, 23%)
Oklch
oklch(80.0% 0.028 185.0)

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

#BDCAC1

Celadon · Silver · Apple Green

HEX
#BDCAC1
RGB
rgb(189, 202, 193)
HSL
hsl(138, 11%, 77%)
HSB
hsb(138, 6%, 79%)
CMYK
cmyk(6%, 0%, 4%, 21%)
Oklch
oklch(82.6% 0.019 155.7)

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

#DBD3BE

Goose Yellow · LightGray · Lemon Cream

HEX
#DBD3BE
RGB
rgb(219, 211, 190)
HSL
hsl(43, 29%, 80%)
HSB
hsb(43, 13%, 86%)
CMYK
cmyk(0%, 4%, 13%, 14%)
Oklch
oklch(86.8% 0.030 89.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C6BDAC

Goose Yellow · Silver · Warm Sun

HEX
#C6BDAC
RGB
rgb(198, 189, 172)
HSL
hsl(39, 19%, 73%)
HSB
hsb(39, 13%, 78%)
CMYK
cmyk(0%, 5%, 13%, 22%)
Oklch
oklch(80.1% 0.026 83.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2D5C0
C2BFD4

Analogous

D4CDBF
D2D5C0
C6D4BF

Triadic

D2D5C0
BFD1D4
D4BFD1

Split-Comp.

D2D5C0
BFC6D4
CDBFD4

Tetradic

D2D5C0
BFD4CD
C2BFD4
D4BFC6

Contrast Matrix WCAG 2.1 Contrast

D2D5C0
ABC4C0
BDCAC1
DBD3BE
C6BDAC
—
1.2
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.0
Fail
1.1
Fail
1.2
Fail
—
White BG
1.5Fail
1.8Fail
1.7Fail
1.5Fail
1.9Fail
Black BG
14.0AAA
11.4AAA
12.4AAA
14.1AAA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3C5
B6B6C1
C3C3C3
D8D7C3
C2C2B0

Deuteranopia

D3D3C6
B4B3C1
C2C1C4
D8D9C4
C3C3B1

Tritanopia

D2C9CA
ACC2C2
BEC5C5
DBC7C8
C6B3B4

Achromatopsia

D2D2D2
BCBCBC
C5C5C5
D3D3D3
BEBEBE

Shades & Tints Shades & Tints

#D2D5C0

Dark
Light

#ABC4C0

Dark
Light

#BDCAC1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2d5c0;
  --color-2: #abc4c0;
  --color-3: #bdcac1;
  --color-4: #dbd3be;
  --color-5: #c6bdac;
}

SCSS

$color-1: #d2d5c0;
$color-2: #abc4c0;
$color-3: #bdcac1;
$color-4: #dbd3be;
$color-5: #c6bdac;

TAILWIND

colors: {
  'brand-1': '#d2d5c0',
  'brand-2': '#abc4c0',
  'brand-3': '#bdcac1',
  'brand-4': '#dbd3be',
  'brand-5': '#c6bdac',
}

RGB Array

[210, 213, 192], [171, 196, 192], [189, 202, 193], [219, 211, 190], [198, 189, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2D5C0, #ABC4C0, #BDCAC1, #DBD3BE, #C6BDAC 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: #d2d5c0; --color-2: #abc4c0; --color-3: #bdcac1; --color-4: #dbd3be; --color-5: #c6bdac. 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