← Back to Editor

#BE7088 · #BD7E89 · #BCA295 · #A9B0B5 · #95BED4

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

#BE7088

Dark Violet · LightCoral · Rose Pink

HEX
#BE7088
RGB
rgb(190, 112, 136)
HSL
hsl(342, 38%, 59%)
HSB
hsb(342, 41%, 75%)
CMYK
cmyk(0%, 41%, 28%, 25%)
Oklch
oklch(63.7% 0.102 0.6)

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

#BD7E89

Peach Pink · LightCoral · Coral Red

HEX
#BD7E89
RGB
rgb(189, 126, 137)
HSL
hsl(350, 32%, 62%)
HSB
hsb(350, 33%, 74%)
CMYK
cmyk(0%, 33%, 28%, 26%)
Oklch
oklch(66.1% 0.079 8.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#BCA295

Apricot · DarkGray · Warm Sun

HEX
#BCA295
RGB
rgb(188, 162, 149)
HSL
hsl(20, 23%, 66%)
HSB
hsb(20, 21%, 74%)
CMYK
cmyk(0%, 14%, 21%, 26%)
Oklch
oklch(73.2% 0.036 48.2)

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

#A9B0B5

Sky Blue · DarkGray · Silver Sand

HEX
#A9B0B5
RGB
rgb(169, 176, 181)
HSL
hsl(205, 8%, 69%)
HSB
hsb(205, 7%, 71%)
CMYK
cmyk(7%, 3%, 0%, 29%)
Oklch
oklch(75.3% 0.011 238.6)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

#95BED4

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#95BED4
RGB
rgb(149, 190, 212)
HSL
hsl(201, 42%, 71%)
HSB
hsb(201, 30%, 83%)
CMYK
cmyk(30%, 10%, 0%, 17%)
Oklch
oklch(77.9% 0.054 231.7)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE7088
6FBEA6

Analogous

BE6FAE
BE7088
BE7F6F

Triadic

BE7088
87BE6F
6F87BE

Split-Comp.

BE7088
6FBE7F
6FAEBE

Tetradic

BE7088
AEBE6F
6FBEA6
7F6FBE

Contrast Matrix WCAG 2.1 Contrast

BE7088
BD7E89
BCA295
A9B0B5
95BED4
—
1.1
Fail
1.5
Fail
1.6
Fail
1.8
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.6
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
1.6
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.8
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
White BG
3.6AA Large
3.2AA Large
2.4Fail
2.2Fail
2.0Fail
Black BG
5.9AA
6.5AA
8.7AAA
9.6AAA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9C82
A2A186
B1B198
ACACB4
A7A7CF

Deuteranopia

A1A781
A5AA86
B2B499
ACABB4
A4A1CD

Tritanopia

BA7E7D
BA8484
BB9B9B
A9B3B3
97CACA

Achromatopsia

8A8A8A
929292
A8A8A8
AEAEAE
B4B4B4

Shades & Tints Shades & Tints

#BE7088

Dark
Light

#BD7E89

Dark
Light

#BCA295

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be7088;
  --color-2: #bd7e89;
  --color-3: #bca295;
  --color-4: #a9b0b5;
  --color-5: #95bed4;
}

SCSS

$color-1: #be7088;
$color-2: #bd7e89;
$color-3: #bca295;
$color-4: #a9b0b5;
$color-5: #95bed4;

TAILWIND

colors: {
  'brand-1': '#be7088',
  'brand-2': '#bd7e89',
  'brand-3': '#bca295',
  'brand-4': '#a9b0b5',
  'brand-5': '#95bed4',
}

RGB Array

[190, 112, 136], [189, 126, 137], [188, 162, 149], [169, 176, 181], [149, 190, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BE7088, #BD7E89, #BCA295, #A9B0B5, #95BED4 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: #be7088; --color-2: #bd7e89; --color-3: #bca295; --color-4: #a9b0b5; --color-5: #95bed4. 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