← Back to Editor

#869188 · #B09EA0 · #D1B8BF · #E0DFBF · #F0EFDF

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

WorkspaceReading

Color Details Color Details

#869188

Ash · Gray · Warm Gray

HEX
#869188
RGB
rgb(134, 145, 136)
HSL
hsl(131, 5%, 55%)
HSB
hsb(131, 8%, 57%)
CMYK
cmyk(8%, 0%, 6%, 43%)
Oklch
oklch(64.5% 0.018 150.9)

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

#B09EA0

Peach Pink · DarkGray · Coral Red

HEX
#B09EA0
RGB
rgb(176, 158, 160)
HSL
hsl(353, 10%, 65%)
HSB
hsb(353, 10%, 69%)
CMYK
cmyk(0%, 10%, 9%, 31%)
Oklch
oklch(71.5% 0.021 10.0)

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

#D1B8BF

Rouge · Silver · Cherry Blossom

HEX
#D1B8BF
RGB
rgb(209, 184, 191)
HSL
hsl(343, 21%, 77%)
HSB
hsb(343, 12%, 82%)
CMYK
cmyk(0%, 12%, 9%, 18%)
Oklch
oklch(80.6% 0.030 359.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E0DFBF

Fresh Green · Wheat · Lemon Cream

HEX
#E0DFBF
RGB
rgb(224, 223, 191)
HSL
hsl(58, 35%, 81%)
HSB
hsb(58, 15%, 88%)
CMYK
cmyk(0%, 0%, 15%, 12%)
Oklch
oklch(89.6% 0.042 105.8)

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

#F0EFDF

Fresh Green · Beige · Lemon Cream

HEX
#F0EFDF
RGB
rgb(240, 239, 223)
HSL
hsl(56, 36%, 91%)
HSB
hsb(56, 7%, 94%)
CMYK
cmyk(0%, 0%, 7%, 6%)
Oklch
oklch(94.9% 0.021 103.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

869188
928790

Analogous

8A9287
869188
87928E

Triadic

869188
898792
928987

Split-Comp.

869188
8E8792
92878A

Tetradic

869188
878A92
928790
928E87

Contrast Matrix WCAG 2.1 Contrast

869188
B09EA0
D1B8BF
E0DFBF
F0EFDF
—
1.3
Fail
1.8
Fail
2.4
Fail
2.8
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
2.2
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
1.2
Fail
2.8
Fail
2.2
Fail
1.6
Fail
1.2
Fail
—
White BG
3.3AA Large
2.5Fail
1.9Fail
1.4Fail
1.2Fail
Black BG
6.4AA
8.2AAA
11.3AAA
15.5AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8B8A
A8A8A0
C6C6BD
E0E0C7
F0F0E3

Deuteranopia

8A898B
A9AB9F
C8C9BD
E0E0C9
F0F0E4

Tritanopia

878C8C
AF9F9F
D0BCBC
E0CDCE
F0E6E7

Achromatopsia

8D8D8D
A4A4A4
C0C0C0
DCDCDC
EDEDED

Shades & Tints Shades & Tints

#869188

Dark
Light

#B09EA0

Dark
Light

#D1B8BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #869188;
  --color-2: #b09ea0;
  --color-3: #d1b8bf;
  --color-4: #e0dfbf;
  --color-5: #f0efdf;
}

SCSS

$color-1: #869188;
$color-2: #b09ea0;
$color-3: #d1b8bf;
$color-4: #e0dfbf;
$color-5: #f0efdf;

TAILWIND

colors: {
  'brand-1': '#869188',
  'brand-2': '#b09ea0',
  'brand-3': '#d1b8bf',
  'brand-4': '#e0dfbf',
  'brand-5': '#f0efdf',
}

RGB Array

[134, 145, 136], [176, 158, 160], [209, 184, 191], [224, 223, 191], [240, 239, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #869188, #B09EA0, #D1B8BF, #E0DFBF, #F0EFDF 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: #869188; --color-2: #b09ea0; --color-3: #d1b8bf; --color-4: #e0dfbf; --color-5: #f0efdf. 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