← Back to Editor

#8C6262 · #BA807C · #FBABA0 · #F5E6CE · #C5DBD0

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

#8C6262

Crimson · DimGray · Passion Red

HEX
#8C6262
RGB
rgb(140, 98, 98)
HSL
hsl(0, 18%, 47%)
HSB
hsb(0, 30%, 55%)
CMYK
cmyk(0%, 30%, 30%, 45%)
Oklch
oklch(54.0% 0.055 19.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#BA807C

Peach Pink · DarkSalmon · Coral Red

HEX
#BA807C
RGB
rgb(186, 128, 124)
HSL
hsl(4, 31%, 61%)
HSB
hsb(4, 33%, 73%)
CMYK
cmyk(0%, 31%, 33%, 27%)
Oklch
oklch(65.7% 0.073 23.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FBABA0

Peach Pink · LightPink · Cherry Blossom

HEX
#FBABA0
RGB
rgb(251, 171, 160)
HSL
hsl(7, 92%, 81%)
HSB
hsb(7, 36%, 98%)
CMYK
cmyk(0%, 32%, 36%, 2%)
Oklch
oklch(81.6% 0.096 28.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F5E6CE

Goose Yellow · Bisque · Peach Orange

HEX
#F5E6CE
RGB
rgb(245, 230, 206)
HSL
hsl(37, 66%, 88%)
HSB
hsb(37, 16%, 96%)
CMYK
cmyk(0%, 6%, 16%, 4%)
Oklch
oklch(93.1% 0.036 79.7)

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

#C5DBD0

Jade · LightGray · Mint Green

HEX
#C5DBD0
RGB
rgb(197, 219, 208)
HSL
hsl(150, 23%, 82%)
HSB
hsb(150, 10%, 86%)
CMYK
cmyk(10%, 0%, 5%, 14%)
Oklch
oklch(87.2% 0.028 164.3)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C6262
628D8D

Analogous

8D6278
8C6262
8D7862

Triadic

8C6262
628D62
62628D

Split-Comp.

8C6262
628D78
62788D

Tetradic

8C6262
788D62
628D8D
78628D

Contrast Matrix WCAG 2.1 Contrast

8C6262
BA807C
FBABA0
F5E6CE
C5DBD0
—
1.6
Fail
2.8
Fail
4.2
AA Large
3.6
AA Large
1.6
Fail
—
1.8
Fail
2.6
Fail
2.2
Fail
2.8
Fail
1.8
Fail
—
1.5
Fail
1.3
Fail
4.2
AA Large
2.6
Fail
1.5
Fail
—
1.2
Fail
3.6
AA Large
2.2
Fail
1.3
Fail
1.2
Fail
—
White BG
5.2AA
3.2AA Large
1.8Fail
1.2Fail
1.5Fail
Black BG
4.0AA Large
6.5AA
11.4AAA
17.1AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7962
A1A07D
D8D8A3
EFEED4
CFCFD3

Deuteranopia

7C7F62
A4A97D
DDE3A3
EFF1D5
CDCCD3

Tritanopia

8A6262
B77E7E
F7A5A5
F4D8D9
C6D5D5

Achromatopsia

6F6F6F
919191
C2C2C2
E8E8E8
D3D3D3

Shades & Tints Shades & Tints

#8C6262

Dark
Light

#BA807C

Dark
Light

#FBABA0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c6262;
  --color-2: #ba807c;
  --color-3: #fbaba0;
  --color-4: #f5e6ce;
  --color-5: #c5dbd0;
}

SCSS

$color-1: #8c6262;
$color-2: #ba807c;
$color-3: #fbaba0;
$color-4: #f5e6ce;
$color-5: #c5dbd0;

TAILWIND

colors: {
  'brand-1': '#8c6262',
  'brand-2': '#ba807c',
  'brand-3': '#fbaba0',
  'brand-4': '#f5e6ce',
  'brand-5': '#c5dbd0',
}

RGB Array

[140, 98, 98], [186, 128, 124], [251, 171, 160], [245, 230, 206], [197, 219, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8C6262, #BA807C, #FBABA0, #F5E6CE, #C5DBD0 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: #8c6262; --color-2: #ba807c; --color-3: #fbaba0; --color-4: #f5e6ce; --color-5: #c5dbd0. 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