← Back to Editor

#82B0A6 · #7C6867 · #BE9DA8 · #E8C4D0 · #FFE4CE

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

WorkspaceReadingData Visualization

Color Details Color Details

#82B0A6

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#82B0A6
RGB
rgb(130, 176, 166)
HSL
hsl(167, 23%, 60%)
HSB
hsb(167, 26%, 69%)
CMYK
cmyk(26%, 0%, 6%, 31%)
Oklch
oklch(72.1% 0.051 179.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#7C6867

Crimson · DimGray · Warm Gray

HEX
#7C6867
RGB
rgb(124, 104, 103)
HSL
hsl(3, 9%, 45%)
HSB
hsb(3, 17%, 49%)
CMYK
cmyk(0%, 16%, 17%, 51%)
Oklch
oklch(53.6% 0.026 21.4)

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

#BE9DA8

Rouge · DarkGray · Rose Pink

HEX
#BE9DA8
RGB
rgb(190, 157, 168)
HSL
hsl(340, 20%, 68%)
HSB
hsb(340, 17%, 75%)
CMYK
cmyk(0%, 17%, 12%, 25%)
Oklch
oklch(72.9% 0.042 356.2)

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

#E8C4D0

Rouge · Pink · Cherry Blossom

HEX
#E8C4D0
RGB
rgb(232, 196, 208)
HSL
hsl(340, 44%, 84%)
HSB
hsb(340, 16%, 91%)
CMYK
cmyk(0%, 16%, 10%, 9%)
Oklch
oklch(85.5% 0.044 356.0)

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

#FFE4CE

Apricot · Bisque · Peach Orange

HEX
#FFE4CE
RGB
rgb(255, 228, 206)
HSL
hsl(27, 100%, 90%)
HSB
hsb(27, 19%, 100%)
CMYK
cmyk(0%, 11%, 19%, 0%)
Oklch
oklch(93.5% 0.042 61.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82B0A6
B0828C

Analogous

82B08F
82B0A6
82A3B0

Triadic

82B0A6
A682B0
B0A682

Split-Comp.

82B0A6
B082A3
B08F82

Tetradic

82B0A6
8F82B0
B0828C
A3B082

Contrast Matrix WCAG 2.1 Contrast

82B0A6
7C6867
BE9DA8
E8C4D0
FFE4CE
—
2.2
Fail
1.0
Fail
1.5
Fail
2.0
Fail
2.2
Fail
—
2.1
Fail
3.3
AA Large
4.3
AA Large
1.0
Fail
2.1
Fail
—
1.5
Fail
2.0
Fail
1.5
Fail
3.3
AA Large
1.5
Fail
—
1.3
Fail
2.0
Fail
4.3
AA Large
2.0
Fail
1.3
Fail
—
White BG
2.4Fail
5.2AA
2.4Fail
1.6Fail
1.2Fail
Black BG
8.7AAA
4.0AA Large
8.6AAA
13.2AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9696A8
737367
B0AFA5
D8D8CD
F3F3D3

Deuteranopia

9390A9
757667
B2B4A5
DBDDCC
F5F7D5

Tritanopia

84AAAB
7B6767
BCA3A3
E6CBCA
FED8D8

Achromatopsia

A1A1A1
6E6E6E
A8A8A8
D0D0D0
EAEAEA

Shades & Tints Shades & Tints

#82B0A6

Dark
Light

#7C6867

Dark
Light

#BE9DA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82b0a6;
  --color-2: #7c6867;
  --color-3: #be9da8;
  --color-4: #e8c4d0;
  --color-5: #ffe4ce;
}

SCSS

$color-1: #82b0a6;
$color-2: #7c6867;
$color-3: #be9da8;
$color-4: #e8c4d0;
$color-5: #ffe4ce;

TAILWIND

colors: {
  'brand-1': '#82b0a6',
  'brand-2': '#7c6867',
  'brand-3': '#be9da8',
  'brand-4': '#e8c4d0',
  'brand-5': '#ffe4ce',
}

RGB Array

[130, 176, 166], [124, 104, 103], [190, 157, 168], [232, 196, 208], [255, 228, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #82B0A6, #7C6867, #BE9DA8, #E8C4D0, #FFE4CE is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #82b0a6; --color-2: #7c6867; --color-3: #be9da8; --color-4: #e8c4d0; --color-5: #ffe4ce. 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 tech, SaaS, healthcare, eco industries. 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