#A68894 + #BF9690 + #E9B88D + #FCBCA1 + #FAE1B8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A68894

Dark Violet · DarkGray · Rose Pink

HEX

#A68894

RGB

rgb(166, 136, 148)

HSL

hsl(336, 14%, 59%)

HSB

hsb(336, 18%, 65%)

CMYK

cmyk(0%, 18%, 11%, 35%)

Oklch

oklch(65.8% 0.040 352.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#BF9690

Peach Pink · Tan · Coral Red

HEX

#BF9690

RGB

rgb(191, 150, 144)

HSL

hsl(8, 27%, 66%)

HSB

hsb(8, 25%, 75%)

CMYK

cmyk(0%, 21%, 25%, 25%)

Oklch

oklch(71.0% 0.050 28.0)

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

#E9B88D

Apricot · BurlyWood · Warm Sun

HEX

#E9B88D

RGB

rgb(233, 184, 141)

HSL

hsl(28, 68%, 73%)

HSB

hsb(28, 39%, 91%)

CMYK

cmyk(0%, 21%, 39%, 9%)

Oklch

oklch(81.6% 0.080 62.6)

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

#FCBCA1

Apricot · LightPink · Peach Orange

HEX

#FCBCA1

RGB

rgb(252, 188, 161)

HSL

hsl(18, 94%, 81%)

HSB

hsb(18, 36%, 99%)

CMYK

cmyk(0%, 25%, 36%, 1%)

Oklch

oklch(84.7% 0.083 43.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FAE1B8

Goose Yellow · Wheat · Peach Orange

HEX

#FAE1B8

RGB

rgb(250, 225, 184)

HSL

hsl(37, 87%, 85%)

HSB

hsb(37, 26%, 98%)

CMYK

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

Oklch

oklch(92.0% 0.060 80.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A68894

88A599

Analogous

A588A2

A68894

A58B88

Triadic

A68894

94A588

8894A5

Split-Comp.

A68894

88A58B

88A2A5

Tetradic

A68894

A2A588

88A599

8B88A5

Contrast Matrix WCAG 2.1 Contrast

A68894	BF9690	E9B88D	FCBCA1	FAE1B8
—	1.2 Fail	1.8 Fail	2.0 Fail	2.5 Fail
1.2 Fail	—	1.5 Fail	1.6 Fail	2.1 Fail
1.8 Fail	1.5 Fail	—	1.1 Fail	1.4 Fail
2.0 Fail	1.6 Fail	1.1 Fail	—	1.3 Fail
2.5 Fail	2.1 Fail	1.4 Fail	1.3 Fail	—

White BG

3.2AA Large

2.6Fail

1.8Fail

1.6Fail

1.3Fail

Black BG

6.6AA

8.0AAA

11.7AAA

12.8AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999991

ADAD91

D4D397

E0E0A8

EFEFC2

Deuteranopia

9B9D90

B0B392

D7DA9A

E4E9A9

F1F3C4

Tritanopia

A58F8E

BD9393

E7A0A1

F9ADAE

F9CACB

Achromatopsia

929292

A2A2A2

C2C2C2

CCCCCC

E4E4E4

Shades & Tints Shades & Tints

#A68894

Dark

Light

#BF9690

Dark

Light

#E9B88D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a68894;
  --color-2: #bf9690;
  --color-3: #e9b88d;
  --color-4: #fcbca1;
  --color-5: #fae1b8;
}

SCSS

$color-1: #a68894;
$color-2: #bf9690;
$color-3: #e9b88d;
$color-4: #fcbca1;
$color-5: #fae1b8;

TAILWIND

colors: {
  'brand-1': '#a68894',
  'brand-2': '#bf9690',
  'brand-3': '#e9b88d',
  'brand-4': '#fcbca1',
  'brand-5': '#fae1b8',
}

RGB Array

[166, 136, 148], [191, 150, 144], [233, 184, 141], [252, 188, 161], [250, 225, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A68894, #BF9690, #E9B88D, #FCBCA1, #FAE1B8 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: #a68894; --color-2: #bf9690; --color-3: #e9b88d; --color-4: #fcbca1; --color-5: #fae1b8. 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