← Back to Editor

#B594A7 · #F5F3EF · #E8E1D8 · #D6CEC5 · #8C898A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#B594A7

Mauve · DarkGray · Rose Pink

HEX
#B594A7
RGB
rgb(181, 148, 167)
HSL
hsl(325, 18%, 65%)
HSB
hsb(325, 18%, 71%)
CMYK
cmyk(0%, 18%, 8%, 29%)
Oklch
oklch(70.3% 0.047 342.9)

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

#F5F3EF

Goose Yellow · SeaShell · Lemon Cream

HEX
#F5F3EF
RGB
rgb(245, 243, 239)
HSL
hsl(40, 23%, 95%)
HSB
hsb(40, 2%, 96%)
CMYK
cmyk(0%, 1%, 2%, 4%)
Oklch
oklch(96.5% 0.006 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E8E1D8

Goose Yellow · Beige · Peach Orange

HEX
#E8E1D8
RGB
rgb(232, 225, 216)
HSL
hsl(34, 26%, 88%)
HSB
hsb(34, 7%, 91%)
CMYK
cmyk(0%, 3%, 7%, 9%)
Oklch
oklch(91.3% 0.014 74.4)

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

#D6CEC5

Goose Yellow · LightGray · Peach Orange

HEX
#D6CEC5
RGB
rgb(214, 206, 197)
HSL
hsl(32, 17%, 81%)
HSB
hsb(32, 8%, 84%)
CMYK
cmyk(0%, 4%, 8%, 16%)
Oklch
oklch(85.5% 0.015 70.9)

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

#8C898A

Ash · Gray · Warm Gray

HEX
#8C898A
RGB
rgb(140, 137, 138)
HSL
hsl(340, 1%, 54%)
HSB
hsb(340, 2%, 55%)
CMYK
cmyk(0%, 2%, 1%, 45%)
Oklch
oklch(63.3% 0.004 354.8)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B594A7
96B6A3

Analogous

B396B6
B594A7
B69698

Triadic

B594A7
A8B696
96A8B6

Split-Comp.

B594A7
98B696
96B6B3

Tetradic

B594A7
B6B396
96B6A3
9698B6

Contrast Matrix WCAG 2.1 Contrast

B594A7
F5F3EF
E8E1D8
D6CEC5
8C898A
—
2.4
Fail
2.1
Fail
1.7
Fail
1.3
Fail
2.4
Fail
—
1.2
Fail
1.4
Fail
3.1
AA Large
2.1
Fail
1.2
Fail
—
1.2
Fail
2.7
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
2.2
Fail
1.3
Fail
3.1
AA Large
2.7
Fail
2.2
Fail
—
White BG
2.7Fail
1.1Fail
1.3Fail
1.6Fail
3.5AA Large
Black BG
7.8AAA
18.9AAA
16.2AAA
13.5AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A6A2
F4F4F0
E5E5DA
D3D2C7
8B8B8A

Deuteranopia

A9ABA1
F4F4F0
E5E6DB
D3D4C8
8B8B8A

Tritanopia

B39F9E
F5F1F1
E8DCDC
D6C9C9
8C8A8A

Achromatopsia

A0A0A0
F3F3F3
E2E2E2
CFCFCF
8A8A8A

Shades & Tints Shades & Tints

#B594A7

Dark
Light

#F5F3EF

Dark
Light

#E8E1D8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b594a7;
  --color-2: #f5f3ef;
  --color-3: #e8e1d8;
  --color-4: #d6cec5;
  --color-5: #8c898a;
}

SCSS

$color-1: #b594a7;
$color-2: #f5f3ef;
$color-3: #e8e1d8;
$color-4: #d6cec5;
$color-5: #8c898a;

TAILWIND

colors: {
  'brand-1': '#b594a7',
  'brand-2': '#f5f3ef',
  'brand-3': '#e8e1d8',
  'brand-4': '#d6cec5',
  'brand-5': '#8c898a',
}

RGB Array

[181, 148, 167], [245, 243, 239], [232, 225, 216], [214, 206, 197], [140, 137, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B594A7, #F5F3EF, #E8E1D8, #D6CEC5, #8C898A is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #b594a7; --color-2: #f5f3ef; --color-3: #e8e1d8; --color-4: #d6cec5; --color-5: #8c898a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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