#FFD29B + #FEB099 + #EAA19A + #AF7E82 + #877569 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFD29B

Goose Yellow · Wheat · Peach Orange

HEX

#FFD29B

RGB

rgb(255, 210, 155)

HSL

hsl(33, 100%, 80%)

HSB

hsb(33, 39%, 100%)

CMYK

cmyk(0%, 18%, 39%, 0%)

Oklch

oklch(89.0% 0.087 71.9)

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

#FEB099

Peach Pink · LightSalmon · Coral Red

HEX

#FEB099

RGB

rgb(254, 176, 153)

HSL

hsl(14, 98%, 80%)

HSB

hsb(14, 40%, 100%)

CMYK

cmyk(0%, 31%, 40%, 0%)

Oklch

oklch(82.6% 0.098 37.1)

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

#EAA19A

Peach Pink · BurlyWood · Coral Red

HEX

#EAA19A

RGB

rgb(234, 161, 154)

HSL

hsl(5, 66%, 76%)

HSB

hsb(5, 34%, 92%)

CMYK

cmyk(0%, 31%, 34%, 8%)

Oklch

oklch(77.8% 0.088 25.4)

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

#AF7E82

Crimson · Gray · Passion Red

HEX

#AF7E82

RGB

rgb(175, 126, 130)

HSL

hsl(355, 23%, 59%)

HSB

hsb(355, 28%, 69%)

CMYK

cmyk(0%, 28%, 26%, 31%)

Oklch

oklch(64.3% 0.061 13.5)

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

#877569

Tangerine · Gray · Amber Brown

HEX

#877569

RGB

rgb(135, 117, 105)

HSL

hsl(24, 13%, 47%)

HSB

hsb(24, 22%, 53%)

CMYK

cmyk(0%, 13%, 22%, 47%)

Oklch

oklch(57.6% 0.029 55.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD29B

99C7FF

Analogous

FF9E99

FFD29B

FAFF99

Triadic

FFD29B

99FFD1

D199FF

Split-Comp.

FFD29B

99FAFF

9E99FF

Tetradic

FFD29B

99FF9E

99C7FF

FF99FA

Contrast Matrix WCAG 2.1 Contrast

FFD29B	FEB099	EAA19A	AF7E82	877569
—	1.3 Fail	1.5 Fail	2.4 Fail	3.1 AA Large
1.3 Fail	—	1.2 Fail	1.9 Fail	2.5 Fail
1.5 Fail	1.2 Fail	—	1.6 Fail	2.1 Fail
2.4 Fail	1.9 Fail	1.6 Fail	—	1.3 Fail
3.1 AA Large	2.5 Fail	2.1 Fail	1.3 Fail	—

White BG

1.4Fail

1.8Fail

2.1Fail

3.4AA Large

4.4AA Large

Black BG

14.9AAA

11.9AAA

10.1AAA

6.1AA

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEBA8

DCDC9F

CACA9C

9A9981

7F7F6C

Deuteranopia

EEF2AC

E1E7A0

CFD49C

9DA081

80826D

Tritanopia

FDB3B5

FAA3A4

E69D9D

AD8080

866E6F

Achromatopsia

D9D9D9

C5C5C5

B6B6B6

8D8D8D

797979

Shades & Tints Shades & Tints

#FFD29B

Dark

Light

#FEB099

Dark

Light

#EAA19A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd29b;
  --color-2: #feb099;
  --color-3: #eaa19a;
  --color-4: #af7e82;
  --color-5: #877569;
}

SCSS

$color-1: #ffd29b;
$color-2: #feb099;
$color-3: #eaa19a;
$color-4: #af7e82;
$color-5: #877569;

TAILWIND

colors: {
  'brand-1': '#ffd29b',
  'brand-2': '#feb099',
  'brand-3': '#eaa19a',
  'brand-4': '#af7e82',
  'brand-5': '#877569',
}

RGB Array

[255, 210, 155], [254, 176, 153], [234, 161, 154], [175, 126, 130], [135, 117, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFD29B, #FEB099, #EAA19A, #AF7E82, #877569 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: #ffd29b; --color-2: #feb099; --color-3: #eaa19a; --color-4: #af7e82; --color-5: #877569. 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