← Back to Editor

#8BB3AB · #FACA9B · #D4B79D · #AB9E91 · #94918E

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8BB3AB

Jade · DarkSeaGreen · Lake Green

HEX
#8BB3AB
RGB
rgb(139, 179, 171)
HSL
hsl(168, 21%, 62%)
HSB
hsb(168, 22%, 70%)
CMYK
cmyk(22%, 0%, 4%, 30%)
Oklch
oklch(73.5% 0.045 181.4)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#FACA9B

Goose Yellow · Wheat · Peach Orange

HEX
#FACA9B
RGB
rgb(250, 202, 155)
HSL
hsl(30, 90%, 79%)
HSB
hsb(30, 38%, 98%)
CMYK
cmyk(0%, 19%, 38%, 2%)
Oklch
oklch(87.0% 0.082 65.8)

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

#D4B79D

Apricot · Tan · Warm Sun

HEX
#D4B79D
RGB
rgb(212, 183, 157)
HSL
hsl(28, 39%, 72%)
HSB
hsb(28, 26%, 83%)
CMYK
cmyk(0%, 14%, 26%, 17%)
Oklch
oklch(79.8% 0.049 63.9)

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

#AB9E91

Ginger · DarkGray · Warm Sun

HEX
#AB9E91
RGB
rgb(171, 158, 145)
HSL
hsl(30, 13%, 62%)
HSB
hsb(30, 15%, 67%)
CMYK
cmyk(0%, 8%, 15%, 33%)
Oklch
oklch(70.7% 0.024 67.4)

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

#94918E

Ash · Gray · Silver Sand

HEX
#94918E
RGB
rgb(148, 145, 142)
HSL
hsl(30, 3%, 57%)
HSB
hsb(30, 4%, 58%)
CMYK
cmyk(0%, 2%, 4%, 42%)
Oklch
oklch(65.8% 0.006 67.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8BB3AB
B28A92

Analogous

8AB296
8BB3AB
8AA6B2

Triadic

8BB3AB
AA8AB2
B2AA8A

Split-Comp.

8BB3AB
B28AA6
B2968A

Tetradic

8BB3AB
968AB2
B28A92
A6B28A

Contrast Matrix WCAG 2.1 Contrast

8BB3AB
FACA9B
D4B79D
AB9E91
94918E
—
1.5
Fail
1.2
Fail
1.1
Fail
1.4
Fail
1.5
Fail
—
1.3
Fail
1.7
Fail
2.1
Fail
1.2
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
1.1
Fail
1.7
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
2.1
Fail
1.7
Fail
1.2
Fail
—
White BG
2.3Fail
1.5Fail
1.9Fail
2.6Fail
3.1AA Large
Black BG
9.1AAA
14.0AAA
11.1AAA
8.0AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9DAD
E5E5A6
C7C7A3
A5A594
93938F

Deuteranopia

9A97AD
E8ECA9
C9CBA5
A6A795
93938F

Tritanopia

8DAEAF
F8AFB1
D3A8A9
AA9797
948F8F

Achromatopsia

A6A6A6
D3D3D3
BDBDBD
A0A0A0
929292

Shades & Tints Shades & Tints

#8BB3AB

Dark
Light

#FACA9B

Dark
Light

#D4B79D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8bb3ab;
  --color-2: #faca9b;
  --color-3: #d4b79d;
  --color-4: #ab9e91;
  --color-5: #94918e;
}

SCSS

$color-1: #8bb3ab;
$color-2: #faca9b;
$color-3: #d4b79d;
$color-4: #ab9e91;
$color-5: #94918e;

TAILWIND

colors: {
  'brand-1': '#8bb3ab',
  'brand-2': '#faca9b',
  'brand-3': '#d4b79d',
  'brand-4': '#ab9e91',
  'brand-5': '#94918e',
}

RGB Array

[139, 179, 171], [250, 202, 155], [212, 183, 157], [171, 158, 145], [148, 145, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8BB3AB, #FACA9B, #D4B79D, #AB9E91, #94918E 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: #8bb3ab; --color-2: #faca9b; --color-3: #d4b79d; --color-4: #ab9e91; --color-5: #94918e. 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