#DED2A0 + #CED2AB + #B0CFCA + #ACC0D2 + #AEB0CF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DED2A0

Goose Yellow · Wheat · Sunflower

HEX

#DED2A0

RGB

rgb(222, 210, 160)

HSL

hsl(48, 48%, 75%)

HSB

hsb(48, 28%, 87%)

CMYK

cmyk(0%, 5%, 28%, 13%)

Oklch

oklch(86.1% 0.067 96.2)

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

#CED2AB

Fresh Green · Silver · Sunflower

HEX

#CED2AB

RGB

rgb(206, 210, 171)

HSL

hsl(66, 30%, 75%)

HSB

hsb(66, 19%, 82%)

CMYK

cmyk(2%, 0%, 19%, 18%)

Oklch

oklch(85.1% 0.052 112.3)

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

#B0CFCA

Jade · LightSteelBlue · Lake Green

HEX

#B0CFCA

RGB

rgb(176, 207, 202)

HSL

hsl(170, 24%, 75%)

HSB

hsb(170, 15%, 81%)

CMYK

cmyk(15%, 0%, 2%, 19%)

Oklch

oklch(83.0% 0.034 184.7)

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

#ACC0D2

Sky Blue · LightSteelBlue · Cobalt Blue

HEX

#ACC0D2

RGB

rgb(172, 192, 210)

HSL

hsl(208, 30%, 75%)

HSB

hsb(208, 18%, 82%)

CMYK

cmyk(18%, 9%, 0%, 18%)

Oklch

oklch(79.8% 0.034 245.4)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#AEB0CF

Azure · LightSteelBlue · Cobalt Blue

HEX

#AEB0CF

RGB

rgb(174, 176, 207)

HSL

hsl(236, 26%, 75%)

HSB

hsb(236, 16%, 81%)

CMYK

cmyk(16%, 15%, 0%, 19%)

Oklch

oklch(76.6% 0.044 282.4)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED2A0

A1ADDE

Analogous

DEB3A1

DED2A0

CBDEA1

Triadic

DED2A0

A1DED2

D2A1DE

Split-Comp.

DED2A0

A1CBDE

B3A1DE

Tetradic

DED2A0

A1DEB3

A1ADDE

DEA1CB

Contrast Matrix WCAG 2.1 Contrast

DED2A0	CED2AB	B0CFCA	ACC0D2	AEB0CF
—	1.0 Fail	1.1 Fail	1.2 Fail	1.4 Fail
1.0 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

1.5Fail

1.6Fail

1.7Fail

1.9Fail

2.1Fail

Black BG

13.8AAA

13.4AAA

12.6AAA

11.2AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9AC

D0D0B4

BDBECB

B5B5CE

AFAFC7

Deuteranopia

DADAAF

D0CFB7

BCB9CB

B4B2CD

AFAFC6

Tritanopia

DDB6B8

CEBCBE

B2CCCC

ADCAC9

AEC2C0

Achromatopsia

D0D0D0

CCCCCC

C5C5C5

BCBCBC

B3B3B3

Shades & Tints Shades & Tints

#DED2A0

Dark

Light

#CED2AB

Dark

Light

#B0CFCA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded2a0;
  --color-2: #ced2ab;
  --color-3: #b0cfca;
  --color-4: #acc0d2;
  --color-5: #aeb0cf;
}

SCSS

$color-1: #ded2a0;
$color-2: #ced2ab;
$color-3: #b0cfca;
$color-4: #acc0d2;
$color-5: #aeb0cf;

TAILWIND

colors: {
  'brand-1': '#ded2a0',
  'brand-2': '#ced2ab',
  'brand-3': '#b0cfca',
  'brand-4': '#acc0d2',
  'brand-5': '#aeb0cf',
}

RGB Array

[222, 210, 160], [206, 210, 171], [176, 207, 202], [172, 192, 210], [174, 176, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DED2A0, #CED2AB, #B0CFCA, #ACC0D2, #AEB0CF is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ded2a0; --color-2: #ced2ab; --color-3: #b0cfca; --color-4: #acc0d2; --color-5: #aeb0cf. 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 tech, SaaS, healthcare, eco industries. 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