#DED69B + #C5CF91 + #CFB17E + #D9806A + #FA7578 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DED69B

Fresh Green · Khaki · Sunflower

HEX

#DED69B

RGB

rgb(222, 214, 155)

HSL

hsl(53, 50%, 74%)

HSB

hsb(53, 30%, 87%)

CMYK

cmyk(0%, 4%, 30%, 13%)

Oklch

oklch(86.8% 0.077 101.3)

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

#C5CF91

Willow Green · Tan · Apple Green

HEX

#C5CF91

RGB

rgb(197, 207, 145)

HSL

hsl(70, 39%, 69%)

HSB

hsb(70, 30%, 81%)

CMYK

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

Oklch

oklch(83.2% 0.083 115.7)

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

#CFB17E

Ginger · Tan · Warm Sun

HEX

#CFB17E

RGB

rgb(207, 177, 126)

HSL

hsl(38, 46%, 65%)

HSB

hsb(38, 39%, 81%)

CMYK

cmyk(0%, 14%, 39%, 19%)

Oklch

oklch(77.5% 0.076 80.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D9806A

Peach Pink · DarkSalmon · Coral Red

HEX

#D9806A

RGB

rgb(217, 128, 106)

HSL

hsl(12, 59%, 63%)

HSB

hsb(12, 51%, 85%)

CMYK

cmyk(0%, 41%, 51%, 15%)

Oklch

oklch(69.1% 0.115 34.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FA7578

Peach Pink · Salmon · Coral Red

HEX

#FA7578

RGB

rgb(250, 117, 120)

HSL

hsl(359, 93%, 72%)

HSB

hsb(359, 53%, 98%)

CMYK

cmyk(0%, 53%, 52%, 2%)

Oklch

oklch(72.0% 0.163 20.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED69B

9CA3DE

Analogous

DEB59C

DED69B

C4DE9C

Triadic

DED69B

9CDED6

D69CDE

Split-Comp.

DED69B

9CC4DE

B59CDE

Tetradic

DED69B

9CDEB5

9CA3DE

DE9CC4

Contrast Matrix WCAG 2.1 Contrast

DED69B	C5CF91	CFB17E	D9806A	FA7578
—	1.1 Fail	1.4 Fail	2.0 Fail	1.8 Fail
1.1 Fail	—	1.2 Fail	1.8 Fail	1.6 Fail
1.4 Fail	1.2 Fail	—	1.4 Fail	1.3 Fail
2.0 Fail	1.8 Fail	1.4 Fail	—	1.1 Fail
1.8 Fail	1.6 Fail	1.3 Fail	1.1 Fail	—

White BG

1.5Fail

1.7Fail

2.1Fail

2.9Fail

2.7Fail

Black BG

14.2AAA

12.7AAA

10.2AAA

7.2AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDAA9

C9C9A0

C2C28A

B2B26F

C0BF77

Deuteranopia

DBDCAD

C9C8A4

C4C68D

B8BE71

C8D277

Tritanopia

DEB5B7

C5ACAE

CD9496

D57474

F37777

Achromatopsia

D2D2D2

C5C5C5

B4B4B4

989898

9D9D9D

Shades & Tints Shades & Tints

#DED69B

Dark

Light

#C5CF91

Dark

Light

#CFB17E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded69b;
  --color-2: #c5cf91;
  --color-3: #cfb17e;
  --color-4: #d9806a;
  --color-5: #fa7578;
}

SCSS

$color-1: #ded69b;
$color-2: #c5cf91;
$color-3: #cfb17e;
$color-4: #d9806a;
$color-5: #fa7578;

TAILWIND

colors: {
  'brand-1': '#ded69b',
  'brand-2': '#c5cf91',
  'brand-3': '#cfb17e',
  'brand-4': '#d9806a',
  'brand-5': '#fa7578',
}

RGB Array

[222, 214, 155], [197, 207, 145], [207, 177, 126], [217, 128, 106], [250, 117, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DED69B, #C5CF91, #CFB17E, #D9806A, #FA7578 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: #ded69b; --color-2: #c5cf91; --color-3: #cfb17e; --color-4: #d9806a; --color-5: #fa7578. 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