#CDB160 + #CD7B60 + #DCC88F + #EADFBD + #CD607B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CDB160

Ginger · SandyBrown · Sunflower

HEX

#CDB160

RGB

rgb(205, 177, 96)

HSL

hsl(45, 52%, 59%)

HSB

hsb(45, 53%, 80%)

CMYK

cmyk(0%, 14%, 53%, 20%)

Oklch

oklch(76.8% 0.106 90.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#CD7B60

Tangerine · DarkSalmon · Warm Sun

HEX

#CD7B60

RGB

rgb(205, 123, 96)

HSL

hsl(15, 52%, 59%)

HSB

hsb(15, 53%, 80%)

CMYK

cmyk(0%, 40%, 53%, 20%)

Oklch

oklch(66.5% 0.110 39.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#DCC88F

Goose Yellow · BurlyWood · Sunflower

HEX

#DCC88F

RGB

rgb(220, 200, 143)

HSL

hsl(44, 52%, 71%)

HSB

hsb(44, 35%, 86%)

CMYK

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

Oklch

oklch(83.6% 0.077 91.0)

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

#EADFBD

Goose Yellow · Wheat · Lemon Cream

HEX

#EADFBD

RGB

rgb(234, 223, 189)

HSL

hsl(45, 52%, 83%)

HSB

hsb(45, 19%, 92%)

CMYK

cmyk(0%, 5%, 19%, 8%)

Oklch

oklch(90.4% 0.046 92.2)

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

#CD607B

Crimson · LightCoral · Passion Red

HEX

#CD607B

RGB

rgb(205, 96, 123)

HSL

hsl(345, 52%, 59%)

HSB

hsb(345, 53%, 80%)

CMYK

cmyk(0%, 53%, 40%, 20%)

Oklch

oklch(62.9% 0.140 6.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDB160

607BCD

Analogous

CD7B60

CDB160

B2CD60

Triadic

CDB160

60CDB2

B260CD

Split-Comp.

CDB160

60B2CD

7B60CD

Tetradic

CDB160

60CD7B

607BCD

CD60B2

Contrast Matrix WCAG 2.1 Contrast

CDB160	CD7B60	DCC88F	EADFBD	CD607B
—	1.5 Fail	1.3 Fail	1.6 Fail	1.8 Fail
1.5 Fail	—	1.9 Fail	2.4 Fail	1.2 Fail
1.3 Fail	1.9 Fail	—	1.2 Fail	2.3 Fail
1.6 Fail	2.4 Fail	1.2 Fail	—	2.8 Fail
1.8 Fail	1.2 Fail	2.3 Fail	2.8 Fail	—

White BG

2.1Fail

3.2AA Large

1.7Fail

1.3Fail

3.8AA Large

Black BG

10.1AAA

6.6AA

12.7AAA

15.8AAA

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C174

A9A967

D3D39D

E5E5C5

9E9D74

Deuteranopia

C3C578

AEB468

D5D6A0

E6E7C7

A4AC73

Tritanopia

CC8386

C96C6D

DBA8AA

E9CCCD

C86F6E

Achromatopsia

B0B0B0

909090

C7C7C7

DEDEDE

848484

Shades & Tints Shades & Tints

#CDB160

Dark

Light

#CD7B60

Dark

Light

#DCC88F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdb160;
  --color-2: #cd7b60;
  --color-3: #dcc88f;
  --color-4: #eadfbd;
  --color-5: #cd607b;
}

SCSS

$color-1: #cdb160;
$color-2: #cd7b60;
$color-3: #dcc88f;
$color-4: #eadfbd;
$color-5: #cd607b;

TAILWIND

colors: {
  'brand-1': '#cdb160',
  'brand-2': '#cd7b60',
  'brand-3': '#dcc88f',
  'brand-4': '#eadfbd',
  'brand-5': '#cd607b',
}

RGB Array

[205, 177, 96], [205, 123, 96], [220, 200, 143], [234, 223, 189], [205, 96, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDB160, #CD7B60, #DCC88F, #EADFBD, #CD607B 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: #cdb160; --color-2: #cd7b60; --color-3: #dcc88f; --color-4: #eadfbd; --color-5: #cd607b. 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