← Back to Editor

#B694B5 · #9F7984 · #B6A780 · #E4C6BB · #E2E1E6

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

#B694B5

Mauve · DarkGray · Lilac Purple

HEX
#B694B5
RGB
rgb(182, 148, 181)
HSL
hsl(302, 19%, 65%)
HSB
hsb(302, 19%, 71%)
CMYK
cmyk(0%, 19%, 1%, 29%)
Oklch
oklch(70.8% 0.061 327.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#9F7984

Dark Violet · Gray · Rose Pink

HEX
#9F7984
RGB
rgb(159, 121, 132)
HSL
hsl(343, 17%, 55%)
HSB
hsb(343, 24%, 62%)
CMYK
cmyk(0%, 24%, 17%, 38%)
Oklch
oklch(61.6% 0.050 359.5)

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

#B6A780

Ginger · Tan · Sunflower

HEX
#B6A780
RGB
rgb(182, 167, 128)
HSL
hsl(43, 27%, 61%)
HSB
hsb(43, 30%, 71%)
CMYK
cmyk(0%, 8%, 30%, 29%)
Oklch
oklch(73.1% 0.056 89.5)

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

#E4C6BB

Apricot · Wheat · Peach Orange

HEX
#E4C6BB
RGB
rgb(228, 198, 187)
HSL
hsl(16, 43%, 81%)
HSB
hsb(16, 18%, 89%)
CMYK
cmyk(0%, 13%, 18%, 11%)
Oklch
oklch(84.9% 0.037 41.2)

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

#E2E1E6

Wisteria · Lavender · Cloud White

HEX
#E2E1E6
RGB
rgb(226, 225, 230)
HSL
hsl(252, 9%, 89%)
HSB
hsb(252, 2%, 90%)
CMYK
cmyk(2%, 2%, 0%, 10%)
Oklch
oklch(91.2% 0.007 295.4)

Traditional「Wisteria」· Paint「Cloud White」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B694B5
95B796

Analogous

A795B7
B694B5
B795A5

Triadic

B694B5
B6B795
95B6B7

Split-Comp.

B694B5
A5B795
95B7A7

Tetradic

B694B5
B7A795
95B796
95A5B7

Contrast Matrix WCAG 2.1 Contrast

B694B5
9F7984
B6A780
E4C6BB
E2E1E6
—
1.4
Fail
1.1
Fail
1.7
Fail
2.0
Fail
1.4
Fail
—
1.6
Fail
2.4
Fail
2.9
Fail
1.1
Fail
1.6
Fail
—
1.5
Fail
1.8
Fail
1.7
Fail
2.4
Fail
1.5
Fail
—
1.2
Fail
2.0
Fail
2.9
Fail
1.8
Fail
1.2
Fail
—
White BG
2.7Fail
3.8AA Large
2.4Fail
1.6Fail
1.3Fail
Black BG
7.9AAA
5.5AA
8.8AAA
13.1AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A7AD
8F8E81
B0AF89
D7D7BE
E2E2E5

Deuteranopia

A9ACAB
919481
B0B28C
D9DBBE
E2E2E5

Tritanopia

B4A7A5
9D7F7F
B59193
E3C0C0
E2E4E4

Achromatopsia

A2A2A2
868686
A7A7A7
CECECE
E2E2E2

Shades & Tints Shades & Tints

#B694B5

Dark
Light

#9F7984

Dark
Light

#B6A780

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b694b5;
  --color-2: #9f7984;
  --color-3: #b6a780;
  --color-4: #e4c6bb;
  --color-5: #e2e1e6;
}

SCSS

$color-1: #b694b5;
$color-2: #9f7984;
$color-3: #b6a780;
$color-4: #e4c6bb;
$color-5: #e2e1e6;

TAILWIND

colors: {
  'brand-1': '#b694b5',
  'brand-2': '#9f7984',
  'brand-3': '#b6a780',
  'brand-4': '#e4c6bb',
  'brand-5': '#e2e1e6',
}

RGB Array

[182, 148, 181], [159, 121, 132], [182, 167, 128], [228, 198, 187], [226, 225, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B694B5, #9F7984, #B6A780, #E4C6BB, #E2E1E6 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: #b694b5; --color-2: #9f7984; --color-3: #b6a780; --color-4: #e4c6bb; --color-5: #e2e1e6. 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