← Back to Editor

#C87261 · #5B857A · #F0E1C5 · #DBCF88 · #88C6B7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C87261

Crimson · LightCoral · Passion Red

HEX
#C87261
RGB
rgb(200, 114, 97)
HSL
hsl(10, 48%, 58%)
HSB
hsb(10, 52%, 78%)
CMYK
cmyk(0%, 43%, 52%, 22%)
Oklch
oklch(64.4% 0.112 32.2)

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

#5B857A

Mineral Blue · SlateGray · Mint Ice

HEX
#5B857A
RGB
rgb(91, 133, 122)
HSL
hsl(164, 19%, 44%)
HSB
hsb(164, 32%, 52%)
CMYK
cmyk(32%, 0%, 8%, 48%)
Oklch
oklch(58.2% 0.050 176.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#F0E1C5

Goose Yellow · Bisque · Peach Orange

HEX
#F0E1C5
RGB
rgb(240, 225, 197)
HSL
hsl(39, 59%, 86%)
HSB
hsb(39, 18%, 94%)
CMYK
cmyk(0%, 6%, 18%, 6%)
Oklch
oklch(91.5% 0.041 83.1)

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

#DBCF88

Fresh Green · BurlyWood · Sunflower

HEX
#DBCF88
RGB
rgb(219, 207, 136)
HSL
hsl(51, 54%, 70%)
HSB
hsb(51, 38%, 86%)
CMYK
cmyk(0%, 5%, 38%, 14%)
Oklch
oklch(84.8% 0.092 99.8)

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

#88C6B7

Jade · MediumAquaMarine · Lake Green

HEX
#88C6B7
RGB
rgb(136, 198, 183)
HSL
hsl(165, 35%, 65%)
HSB
hsb(165, 31%, 78%)
CMYK
cmyk(31%, 0%, 8%, 22%)
Oklch
oklch(78.0% 0.067 177.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C87261
60B6C7

Analogous

C76083
C87261
C7A560

Triadic

C87261
60C772
7260C7

Split-Comp.

C87261
60C7A5
6083C7

Tetradic

C87261
83C760
60B6C7
A560C7

Contrast Matrix WCAG 2.1 Contrast

C87261
5B857A
F0E1C5
DBCF88
88C6B7
—
1.2
Fail
2.7
Fail
2.2
Fail
1.8
Fail
1.2
Fail
—
3.2
AA Large
2.6
Fail
2.1
Fail
2.7
Fail
3.2
AA Large
—
1.2
Fail
1.5
Fail
2.2
Fail
2.6
Fail
1.2
Fail
—
1.2
Fail
1.8
Fail
2.1
Fail
1.5
Fail
1.2
Fail
—
White BG
3.5AA Large
4.1AA Large
1.3Fail
1.6Fail
1.9Fail
Black BG
6.0AA
5.1AA
16.3AAA
13.3AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A265
6D6E7D
EAE9CC
D6D699
A3A3BB

Deuteranopia

A8AE66
6B687D
EAECCD
D7D79D
9F9BBC

Tritanopia

C46869
5D7F7F
EFD1D2
DAA7AA
8BBDBE

Achromatopsia

8A8A8A
777777
E2E2E2
CACACA
B2B2B2

Shades & Tints Shades & Tints

#C87261

Dark
Light

#5B857A

Dark
Light

#F0E1C5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c87261;
  --color-2: #5b857a;
  --color-3: #f0e1c5;
  --color-4: #dbcf88;
  --color-5: #88c6b7;
}

SCSS

$color-1: #c87261;
$color-2: #5b857a;
$color-3: #f0e1c5;
$color-4: #dbcf88;
$color-5: #88c6b7;

TAILWIND

colors: {
  'brand-1': '#c87261',
  'brand-2': '#5b857a',
  'brand-3': '#f0e1c5',
  'brand-4': '#dbcf88',
  'brand-5': '#88c6b7',
}

RGB Array

[200, 114, 97], [91, 133, 122], [240, 225, 197], [219, 207, 136], [136, 198, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C87261, #5B857A, #F0E1C5, #DBCF88, #88C6B7 is ideal for: 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: #c87261; --color-2: #5b857a; --color-3: #f0e1c5; --color-4: #dbcf88; --color-5: #88c6b7. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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