#C9D47A + #D9CA97 + #DDC7AB + #DCC8B9 + #CED3C3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C9D47A

Fresh Green · BurlyWood · Sunflower

HEX

#C9D47A

RGB

rgb(201, 212, 122)

HSL

hsl(67, 51%, 65%)

HSB

hsb(67, 42%, 83%)

CMYK

cmyk(5%, 0%, 42%, 17%)

Oklch

oklch(84.2% 0.115 114.6)

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

#D9CA97

Goose Yellow · BurlyWood · Sunflower

HEX

#D9CA97

RGB

rgb(217, 202, 151)

HSL

hsl(46, 46%, 72%)

HSB

hsb(46, 30%, 85%)

CMYK

cmyk(0%, 7%, 30%, 15%)

Oklch

oklch(83.9% 0.069 93.6)

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

#DDC7AB

Goose Yellow · Wheat · Peach Orange

HEX

#DDC7AB

RGB

rgb(221, 199, 171)

HSL

hsl(34, 42%, 77%)

HSB

hsb(34, 23%, 87%)

CMYK

cmyk(0%, 10%, 23%, 13%)

Oklch

oklch(84.1% 0.045 73.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DCC8B9

Apricot · LightGray · Peach Orange

HEX

#DCC8B9

RGB

rgb(220, 200, 185)

HSL

hsl(26, 33%, 79%)

HSB

hsb(26, 16%, 86%)

CMYK

cmyk(0%, 9%, 16%, 14%)

Oklch

oklch(84.5% 0.031 59.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CED3C3

Willow Green · LightGray · Apple Green

HEX

#CED3C3

RGB

rgb(206, 211, 195)

HSL

hsl(79, 15%, 80%)

HSB

hsb(79, 8%, 83%)

CMYK

cmyk(2%, 0%, 8%, 17%)

Oklch

oklch(85.9% 0.022 121.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9D47A

8378D3

Analogous

D3B078

C9D47A

9BD378

Triadic

C9D47A

78C9D3

D378C9

Split-Comp.

C9D47A

789BD3

B078D3

Tetradic

C9D47A

78D3B0

8378D3

D3789B

Contrast Matrix WCAG 2.1 Contrast

C9D47A	D9CA97	DDC7AB	DCC8B9	CED3C3
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.1 Fail
1.0 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

1.6Fail

1.5Fail

Black BG

13.2AAA

12.8AAA

13.0AAA

13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE90

D3D2A3

D3D3B2

D3D3BD

D0D0C7

Deuteranopia

CDCC95

D3D4A6

D5D6B3

D5D6BE

D0D0C8

Tritanopia

CAA1A5

D8ADAF

DCB7B8

DBBFC0

CECACB

Achromatopsia

C6C6C6

C9C9C9

CACACA

CCCCCC

D0D0D0

Shades & Tints Shades & Tints

#C9D47A

Dark

Light

#D9CA97

Dark

Light

#DDC7AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9d47a;
  --color-2: #d9ca97;
  --color-3: #ddc7ab;
  --color-4: #dcc8b9;
  --color-5: #ced3c3;
}

SCSS

$color-1: #c9d47a;
$color-2: #d9ca97;
$color-3: #ddc7ab;
$color-4: #dcc8b9;
$color-5: #ced3c3;

TAILWIND

colors: {
  'brand-1': '#c9d47a',
  'brand-2': '#d9ca97',
  'brand-3': '#ddc7ab',
  'brand-4': '#dcc8b9',
  'brand-5': '#ced3c3',
}

RGB Array

[201, 212, 122], [217, 202, 151], [221, 199, 171], [220, 200, 185], [206, 211, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9D47A, #D9CA97, #DDC7AB, #DCC8B9, #CED3C3 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: #c9d47a; --color-2: #d9ca97; --color-3: #ddc7ab; --color-4: #dcc8b9; --color-5: #ced3c3. 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