← Back to Editor

#9AB0BA · #BFB5AF · #E5C9B7 · #BAB59A · #BA9AAD

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

#9AB0BA

Sky Blue · DarkGray · Lake Green

HEX
#9AB0BA
RGB
rgb(154, 176, 186)
HSL
hsl(199, 19%, 67%)
HSB
hsb(199, 17%, 73%)
CMYK
cmyk(17%, 5%, 0%, 27%)
Oklch
oklch(74.4% 0.028 226.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#BFB5AF

Apricot · Silver · Warm Sun

HEX
#BFB5AF
RGB
rgb(191, 181, 175)
HSL
hsl(23, 11%, 72%)
HSB
hsb(23, 8%, 75%)
CMYK
cmyk(0%, 5%, 8%, 25%)
Oklch
oklch(78.0% 0.014 53.3)

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

#E5C9B7

Apricot · Wheat · Peach Orange

HEX
#E5C9B7
RGB
rgb(229, 201, 183)
HSL
hsl(23, 47%, 81%)
HSB
hsb(23, 20%, 90%)
CMYK
cmyk(0%, 12%, 20%, 10%)
Oklch
oklch(85.5% 0.040 54.8)

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

#BAB59A

Fresh Green · DarkGray · Sunflower

HEX
#BAB59A
RGB
rgb(186, 181, 154)
HSL
hsl(51, 19%, 67%)
HSB
hsb(51, 17%, 73%)
CMYK
cmyk(0%, 3%, 17%, 27%)
Oklch
oklch(77.0% 0.038 98.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#BA9AAD

Mauve · DarkGray · Rose Pink

HEX
#BA9AAD
RGB
rgb(186, 154, 173)
HSL
hsl(324, 19%, 67%)
HSB
hsb(324, 17%, 73%)
CMYK
cmyk(0%, 17%, 7%, 27%)
Oklch
oklch(72.1% 0.046 341.9)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9AB0BA
BBA59B

Analogous

9BBBB5
9AB0BA
9BA1BB

Triadic

9AB0BA
BB9BB1
B1BB9B

Split-Comp.

9AB0BA
BB9BA1
BBB59B

Tetradic

9AB0BA
B59BBB
BBA59B
A1BB9B

Contrast Matrix WCAG 2.1 Contrast

9AB0BA
BFB5AF
E5C9B7
BAB59A
BA9AAD
—
1.1
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.0
Fail
1.3
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.1
Fail
1.0
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.3
Fail
1.6
Fail
1.2
Fail
—
White BG
2.3Fail
2.0Fail
1.6Fail
2.1Fail
2.5Fail
Black BG
9.3AAA
10.4AAA
13.4AAA
10.2AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A4B8
BBBBB0
D9D9BB
B8B8A1
ACACA8

Deuteranopia

A2A1B7
BBBCB1
DBDDBC
B8B9A2
AEB0A7

Tritanopia

9BB6B5
BFB2B2
E4BFC0
BAA6A7
B8A5A4

Achromatopsia

ABABAB
B7B7B7
CFCFCF
B3B3B3
A6A6A6

Shades & Tints Shades & Tints

#9AB0BA

Dark
Light

#BFB5AF

Dark
Light

#E5C9B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9ab0ba;
  --color-2: #bfb5af;
  --color-3: #e5c9b7;
  --color-4: #bab59a;
  --color-5: #ba9aad;
}

SCSS

$color-1: #9ab0ba;
$color-2: #bfb5af;
$color-3: #e5c9b7;
$color-4: #bab59a;
$color-5: #ba9aad;

TAILWIND

colors: {
  'brand-1': '#9ab0ba',
  'brand-2': '#bfb5af',
  'brand-3': '#e5c9b7',
  'brand-4': '#bab59a',
  'brand-5': '#ba9aad',
}

RGB Array

[154, 176, 186], [191, 181, 175], [229, 201, 183], [186, 181, 154], [186, 154, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9AB0BA, #BFB5AF, #E5C9B7, #BAB59A, #BA9AAD is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9ab0ba; --color-2: #bfb5af; --color-3: #e5c9b7; --color-4: #bab59a; --color-5: #ba9aad. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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