#AD6771 + #E1A089 + #FBD2A0 + #B3C6A5 + #758779 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AD6771

Crimson · Gray · Passion Red

HEX

#AD6771

RGB

rgb(173, 103, 113)

HSL

hsl(351, 30%, 54%)

HSB

hsb(351, 40%, 68%)

CMYK

cmyk(0%, 40%, 35%, 32%)

Oklch

oklch(59.4% 0.091 11.0)

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

#E1A089

Apricot · DarkSalmon · Warm Sun

HEX

#E1A089

RGB

rgb(225, 160, 137)

HSL

hsl(16, 59%, 71%)

HSB

hsb(16, 39%, 88%)

CMYK

cmyk(0%, 29%, 39%, 12%)

Oklch

oklch(76.3% 0.084 40.3)

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

#FBD2A0

Goose Yellow · Wheat · Peach Orange

HEX

#FBD2A0

RGB

rgb(251, 210, 160)

HSL

hsl(33, 92%, 81%)

HSB

hsb(33, 36%, 98%)

CMYK

cmyk(0%, 16%, 36%, 2%)

Oklch

oklch(88.7% 0.079 72.1)

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

#B3C6A5

Celadon · Silver · Apple Green

HEX

#B3C6A5

RGB

rgb(179, 198, 165)

HSL

hsl(95, 22%, 71%)

HSB

hsb(95, 17%, 78%)

CMYK

cmyk(10%, 0%, 17%, 22%)

Oklch

oklch(80.3% 0.050 132.0)

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

#758779

Ink Gray · Gray · Warm Gray

HEX

#758779

RGB

rgb(117, 135, 121)

HSL

hsl(133, 7%, 49%)

HSB

hsb(133, 13%, 53%)

CMYK

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

Oklch

oklch(60.5% 0.030 152.0)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD6771

67ADA2

Analogous

AD6794

AD6771

AD7F67

Triadic

AD6771

71AD67

6771AD

Split-Comp.

AD6771

67AD7F

6794AD

Tetradic

AD6771

94AD67

67ADA2

7F67AD

Contrast Matrix WCAG 2.1 Contrast

AD6771	E1A089	FBD2A0	B3C6A5	758779
—	1.9 Fail	3.0 Fail	2.3 Fail	1.1 Fail
1.9 Fail	—	1.5 Fail	1.2 Fail	1.7 Fail
3.0 Fail	1.5 Fail	—	1.3 Fail	2.7 Fail
2.3 Fail	1.2 Fail	1.3 Fail	—	2.1 Fail
1.1 Fail	1.7 Fail	2.7 Fail	2.1 Fail	—

White BG

4.2AA Large

2.2Fail

1.4Fail

1.8Fail

3.8AA Large

Black BG

5.0AA

9.6AAA

14.8AAA

11.5AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8E6F

C5C48F

E9E9AC

BBBBAD

7D7D7C

Deuteranopia

93986E

C9CE90

ECEFAF

BAB9AF

7C7A7D

Tritanopia

AA6D6C

DE9394

F9B6B8

B4B3B5

767F80

Achromatopsia

7D7D7D

B1B1B1

D9D9D9

BDBDBD

808080

Shades & Tints Shades & Tints

#AD6771

Dark

Light

#E1A089

Dark

Light

#FBD2A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad6771;
  --color-2: #e1a089;
  --color-3: #fbd2a0;
  --color-4: #b3c6a5;
  --color-5: #758779;
}

SCSS

$color-1: #ad6771;
$color-2: #e1a089;
$color-3: #fbd2a0;
$color-4: #b3c6a5;
$color-5: #758779;

TAILWIND

colors: {
  'brand-1': '#ad6771',
  'brand-2': '#e1a089',
  'brand-3': '#fbd2a0',
  'brand-4': '#b3c6a5',
  'brand-5': '#758779',
}

RGB Array

[173, 103, 113], [225, 160, 137], [251, 210, 160], [179, 198, 165], [117, 135, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD6771, #E1A089, #FBD2A0, #B3C6A5, #758779 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: #ad6771; --color-2: #e1a089; --color-3: #fbd2a0; --color-4: #b3c6a5; --color-5: #758779. 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