#D0CDAD + #CFE331 + #D0D580 + #BBE34A + #CDD0A2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D0CDAD

Fresh Green · Silver · Sunflower

HEX

#D0CDAD

RGB

rgb(208, 205, 173)

HSL

hsl(55, 27%, 75%)

HSB

hsb(55, 17%, 82%)

CMYK

cmyk(0%, 1%, 17%, 18%)

Oklch

oklch(84.2% 0.043 102.9)

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

#CFE331

Autumn Sage · GreenYellow · Sunflower

HEX

#CFE331

RGB

rgb(207, 227, 49)

HSL

hsl(67, 76%, 54%)

HSB

hsb(67, 78%, 89%)

CMYK

cmyk(9%, 0%, 78%, 11%)

Oklch

oklch(87.2% 0.187 116.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#D0D580

Fresh Green · BurlyWood · Sunflower

HEX

#D0D580

RGB

rgb(208, 213, 128)

HSL

hsl(64, 50%, 67%)

HSB

hsb(64, 40%, 84%)

CMYK

cmyk(2%, 0%, 40%, 16%)

Oklch

oklch(85.0% 0.108 111.4)

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

#BBE34A

Grass Green · GreenYellow · Olive Green

HEX

#BBE34A

RGB

rgb(187, 227, 74)

HSL

hsl(76, 73%, 59%)

HSB

hsb(76, 67%, 89%)

CMYK

cmyk(18%, 0%, 67%, 11%)

Oklch

oklch(85.9% 0.181 122.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#CDD0A2

Fresh Green · Tan · Sunflower

HEX

#CDD0A2

RGB

rgb(205, 208, 162)

HSL

hsl(64, 33%, 73%)

HSB

hsb(64, 22%, 82%)

CMYK

cmyk(1%, 0%, 22%, 18%)

Oklch

oklch(84.4% 0.061 110.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0CDAD

AEB1D0

Analogous

D0BCAE

D0CDAD

C2D0AE

Triadic

D0CDAD

AED0CE

CEAED0

Split-Comp.

D0CDAD

AEC2D0

BCAED0

Tetradic

D0CDAD

AED0BC

AEB1D0

D0AEC2

Contrast Matrix WCAG 2.1 Contrast

D0CDAD	CFE331	D0D580	BBE34A	CDD0A2
—	1.1 Fail	1.0 Fail	1.1 Fail	1.0 Fail
1.1 Fail	—	1.1 Fail	1.0 Fail	1.1 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.0 Fail
1.1 Fail	1.0 Fail	1.1 Fail	—	1.1 Fail
1.0 Fail	1.1 Fail	1.0 Fail	1.1 Fail	—

White BG

1.6Fail

1.4Fail

1.6Fail

1.5Fail

1.6Fail

Black BG

13.0AAA

14.7AAA

13.5AAA

14.2AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFB5

D8D85C

D2D295

CCCD6F

CECEAD

Deuteranopia

CFCFB7

D7D566

D2D29A

CAC778

CECEB0

Tritanopia

D0BBBC

D07E86

D0A5A8

BD8C93

CDB6B8

Achromatopsia

CACACA

C9C9C9

CACACA

C6C6C6

CACACA

Shades & Tints Shades & Tints

#D0CDAD

Dark

Light

#CFE331

Dark

Light

#D0D580

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0cdad;
  --color-2: #cfe331;
  --color-3: #d0d580;
  --color-4: #bbe34a;
  --color-5: #cdd0a2;
}

SCSS

$color-1: #d0cdad;
$color-2: #cfe331;
$color-3: #d0d580;
$color-4: #bbe34a;
$color-5: #cdd0a2;

TAILWIND

colors: {
  'brand-1': '#d0cdad',
  'brand-2': '#cfe331',
  'brand-3': '#d0d580',
  'brand-4': '#bbe34a',
  'brand-5': '#cdd0a2',
}

RGB Array

[208, 205, 173], [207, 227, 49], [208, 213, 128], [187, 227, 74], [205, 208, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0CDAD, #CFE331, #D0D580, #BBE34A, #CDD0A2 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: #d0cdad; --color-2: #cfe331; --color-3: #d0d580; --color-4: #bbe34a; --color-5: #cdd0a2. 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