#FAD9B0 + #E8AA83 + #DB8B84 + #BB6F7B + #826081 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FAD9B0

Goose Yellow · Wheat · Peach Orange

HEX

#FAD9B0

RGB

rgb(250, 217, 176)

HSL

hsl(33, 88%, 84%)

HSB

hsb(33, 30%, 98%)

CMYK

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

Oklch

oklch(90.3% 0.065 72.9)

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

#E8AA83

Apricot · BurlyWood · Warm Sun

HEX

#E8AA83

RGB

rgb(232, 170, 131)

HSL

hsl(23, 69%, 71%)

HSB

hsb(23, 44%, 91%)

CMYK

cmyk(0%, 27%, 44%, 9%)

Oklch

oklch(78.7% 0.090 53.2)

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

#DB8B84

Peach Pink · DarkSalmon · Coral Red

HEX

#DB8B84

RGB

rgb(219, 139, 132)

HSL

hsl(5, 55%, 69%)

HSB

hsb(5, 40%, 86%)

CMYK

cmyk(0%, 37%, 40%, 14%)

Oklch

oklch(71.7% 0.099 25.3)

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

#BB6F7B

Crimson · LightCoral · Passion Red

HEX

#BB6F7B

RGB

rgb(187, 111, 123)

HSL

hsl(351, 36%, 58%)

HSB

hsb(351, 41%, 73%)

CMYK

cmyk(0%, 41%, 34%, 27%)

Oklch

oklch(62.8% 0.097 10.1)

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

#826081

Rose Purple · Gray · Violet

HEX

#826081

RGB

rgb(130, 96, 129)

HSL

hsl(302, 15%, 44%)

HSB

hsb(302, 26%, 51%)

CMYK

cmyk(0%, 26%, 1%, 49%)

Oklch

oklch(53.5% 0.065 327.4)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD9B0

B2D3FA

Analogous

FAB6B2

FAD9B0

F7FAB2

Triadic

FAD9B0

B2FADA

DAB2FA

Split-Comp.

FAD9B0

B2F7FA

B6B2FA

Tetradic

FAD9B0

B2FAB6

B2D3FA

FAB2F7

Contrast Matrix WCAG 2.1 Contrast

FAD9B0	E8AA83	DB8B84	BB6F7B	826081
—	1.5 Fail	1.9 Fail	2.8 Fail	4.0 AA Large
1.5 Fail	—	1.3 Fail	1.9 Fail	2.7 Fail
1.9 Fail	1.3 Fail	—	1.4 Fail	2.0 Fail
2.8 Fail	1.9 Fail	1.4 Fail	—	1.4 Fail
4.0 AA Large	2.7 Fail	2.0 Fail	1.4 Fail	—

White BG

1.3Fail

2.0Fail

2.6Fail

3.7AA Large

5.3AA

Black BG

15.6AAA

10.5AAA

8.0AAA

5.7AA

3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEBBA

CDCD8C

B8B886

9A9978

737379

Deuteranopia

EEF0BC

D1D58F

BDC386

9FA477

757877

Tritanopia

F8C2C3

E59496

D78787

B77675

807371

Achromatopsia

DEDEDE

B8B8B8

A2A2A2

878787

6E6E6E

Shades & Tints Shades & Tints

#FAD9B0

Dark

Light

#E8AA83

Dark

Light

#DB8B84

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad9b0;
  --color-2: #e8aa83;
  --color-3: #db8b84;
  --color-4: #bb6f7b;
  --color-5: #826081;
}

SCSS

$color-1: #fad9b0;
$color-2: #e8aa83;
$color-3: #db8b84;
$color-4: #bb6f7b;
$color-5: #826081;

TAILWIND

colors: {
  'brand-1': '#fad9b0',
  'brand-2': '#e8aa83',
  'brand-3': '#db8b84',
  'brand-4': '#bb6f7b',
  'brand-5': '#826081',
}

RGB Array

[250, 217, 176], [232, 170, 131], [219, 139, 132], [187, 111, 123], [130, 96, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAD9B0, #E8AA83, #DB8B84, #BB6F7B, #826081 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: #fad9b0; --color-2: #e8aa83; --color-3: #db8b84; --color-4: #bb6f7b; --color-5: #826081. 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