#EAD3AC + #DCD3AC + #C2D3A8 + #A2C5A1 + #CD907E · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAD3AC

Goose Yellow · Wheat · Peach Orange

HEX

#EAD3AC

RGB

rgb(234, 211, 172)

HSL

hsl(38, 60%, 80%)

HSB

hsb(38, 26%, 92%)

CMYK

cmyk(0%, 10%, 26%, 8%)

Oklch

oklch(87.6% 0.057 80.8)

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

#DCD3AC

Goose Yellow · Wheat · Lemon Cream

HEX

#DCD3AC

RGB

rgb(220, 211, 172)

HSL

hsl(49, 41%, 77%)

HSB

hsb(49, 22%, 86%)

CMYK

cmyk(0%, 4%, 22%, 14%)

Oklch

oklch(86.4% 0.053 96.5)

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

#C2D3A8

Willow Green · Silver · Apple Green

HEX

#C2D3A8

RGB

rgb(194, 211, 168)

HSL

hsl(84, 33%, 74%)

HSB

hsb(84, 20%, 83%)

CMYK

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

Oklch

oklch(84.3% 0.061 125.2)

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

#A2C5A1

Celadon · DarkSeaGreen · Apple Green

HEX

#A2C5A1

RGB

rgb(162, 197, 161)

HSL

hsl(118, 24%, 70%)

HSB

hsb(118, 18%, 77%)

CMYK

cmyk(18%, 0%, 18%, 23%)

Oklch

oklch(78.8% 0.063 144.2)

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

#CD907E

Peach Pink · DarkSalmon · Coral Red

HEX

#CD907E

RGB

rgb(205, 144, 126)

HSL

hsl(14, 44%, 65%)

HSB

hsb(14, 39%, 80%)

CMYK

cmyk(0%, 30%, 39%, 20%)

Oklch

oklch(70.9% 0.079 37.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAD3AC

ADC4EB

Analogous

EBB6AD

EAD3AC

E2EBAD

Triadic

EAD3AC

ADEBD4

D4ADEB

Split-Comp.

EAD3AC

ADE2EB

B6ADEB

Tetradic

EAD3AC

ADEBB6

ADC4EB

EBADE2

Contrast Matrix WCAG 2.1 Contrast

EAD3AC	DCD3AC	C2D3A8	A2C5A1	CD907E
—	1.0 Fail	1.1 Fail	1.3 Fail	1.8 Fail
1.0 Fail	—	1.1 Fail	1.3 Fail	1.8 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.7 Fail
1.3 Fail	1.3 Fail	1.2 Fail	—	1.4 Fail
1.8 Fail	1.8 Fail	1.7 Fail	1.4 Fail	—

White BG

1.5Fail

1.6Fail

1.9Fail

2.7Fail

Black BG

14.4AAA

14.0AAA

13.2AAA

11.0AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0B5

D8D8B5

C9CAB2

B1B1AA

B3B282

Deuteranopia

E1E3B8

D9D9B8

C8C7B5

AFADAC

B6BB83

Tritanopia

E9BDBF

DCBDBF

C3BBBC

A4B1B2

CA8687

Achromatopsia

D5D5D5

D1D1D1

C9C9C9

B6B6B6

A0A0A0

Shades & Tints Shades & Tints

#EAD3AC

Dark

Light

#DCD3AC

Dark

Light

#C2D3A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ead3ac;
  --color-2: #dcd3ac;
  --color-3: #c2d3a8;
  --color-4: #a2c5a1;
  --color-5: #cd907e;
}

SCSS

$color-1: #ead3ac;
$color-2: #dcd3ac;
$color-3: #c2d3a8;
$color-4: #a2c5a1;
$color-5: #cd907e;

TAILWIND

colors: {
  'brand-1': '#ead3ac',
  'brand-2': '#dcd3ac',
  'brand-3': '#c2d3a8',
  'brand-4': '#a2c5a1',
  'brand-5': '#cd907e',
}

RGB Array

[234, 211, 172], [220, 211, 172], [194, 211, 168], [162, 197, 161], [205, 144, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #EAD3AC, #DCD3AC, #C2D3A8, #A2C5A1, #CD907E 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: #ead3ac; --color-2: #dcd3ac; --color-3: #c2d3a8; --color-4: #a2c5a1; --color-5: #cd907e. 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 sunset-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