← Back to Editor

#B9BE95 · #BBB7AA · #AEB7B9 · #9DBBC7 · #7FC1D2

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

#B9BE95

Fresh Green · Tan · Sunflower

HEX
#B9BE95
RGB
rgb(185, 190, 149)
HSL
hsl(67, 24%, 66%)
HSB
hsb(67, 22%, 75%)
CMYK
cmyk(3%, 0%, 22%, 25%)
Oklch
oklch(78.7% 0.056 113.3)

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

#BBB7AA

Ginger · DarkGray · Sunflower

HEX
#BBB7AA
RGB
rgb(187, 183, 170)
HSL
hsl(46, 11%, 70%)
HSB
hsb(46, 9%, 73%)
CMYK
cmyk(0%, 2%, 9%, 27%)
Oklch
oklch(77.9% 0.019 92.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#AEB7B9

Ash · Silver · Silver Sand

HEX
#AEB7B9
RGB
rgb(174, 183, 185)
HSL
hsl(191, 7%, 70%)
HSB
hsb(191, 6%, 73%)
CMYK
cmyk(6%, 1%, 0%, 27%)
Oklch
oklch(77.3% 0.010 212.5)

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

#9DBBC7

Sky Blue · LightSteelBlue · Lake Green

HEX
#9DBBC7
RGB
rgb(157, 187, 199)
HSL
hsl(197, 27%, 70%)
HSB
hsb(197, 21%, 78%)
CMYK
cmyk(21%, 6%, 0%, 22%)
Oklch
oklch(77.4% 0.037 224.0)

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

#7FC1D2

Sky Blue · SkyBlue · Lake Green

HEX
#7FC1D2
RGB
rgb(127, 193, 210)
HSL
hsl(192, 48%, 66%)
HSB
hsb(192, 40%, 82%)
CMYK
cmyk(40%, 8%, 0%, 18%)
Oklch
oklch(77.3% 0.071 215.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9BE95
9893BD

Analogous

BDAD93
B9BE95
A3BD93

Triadic

B9BE95
93B8BD
BD93B8

Split-Comp.

B9BE95
93A3BD
AD93BD

Tetradic

B9BE95
93BDAD
9893BD
BD93A3

Contrast Matrix WCAG 2.1 Contrast

B9BE95
BBB7AA
AEB7B9
9DBBC7
7FC1D2
—
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
1.9Fail
2.0Fail
2.0Fail
2.0Fail
2.0Fail
Black BG
10.9AAA
10.5AAA
10.3AAA
10.4AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBB9F
B9B9AD
B2B2B9
AAAAC4
9C9CCE

Deuteranopia

BBBBA1
BABAAE
B1B1B8
A8A6C3
9893CD

Tritanopia

B9A7A8
BBB0B0
AEB8B8
9FC2C1
82CBCA

Achromatopsia

B8B8B8
B7B7B7
B5B5B5
B3B3B3
AFAFAF

Shades & Tints Shades & Tints

#B9BE95

Dark
Light

#BBB7AA

Dark
Light

#AEB7B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9be95;
  --color-2: #bbb7aa;
  --color-3: #aeb7b9;
  --color-4: #9dbbc7;
  --color-5: #7fc1d2;
}

SCSS

$color-1: #b9be95;
$color-2: #bbb7aa;
$color-3: #aeb7b9;
$color-4: #9dbbc7;
$color-5: #7fc1d2;

TAILWIND

colors: {
  'brand-1': '#b9be95',
  'brand-2': '#bbb7aa',
  'brand-3': '#aeb7b9',
  'brand-4': '#9dbbc7',
  'brand-5': '#7fc1d2',
}

RGB Array

[185, 190, 149], [187, 183, 170], [174, 183, 185], [157, 187, 199], [127, 193, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B9BE95, #BBB7AA, #AEB7B9, #9DBBC7, #7FC1D2 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: #b9be95; --color-2: #bbb7aa; --color-3: #aeb7b9; --color-4: #9dbbc7; --color-5: #7fc1d2. 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