← Back to Editor

#CF8596 · #D8C6B0 · #B6A496 · #8F8176 · #736660

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CF8596

Peach Pink · LightCoral · Coral Red

HEX
#CF8596
RGB
rgb(207, 133, 150)
HSL
hsl(346, 44%, 67%)
HSB
hsb(346, 36%, 81%)
CMYK
cmyk(0%, 36%, 28%, 19%)
Oklch
oklch(69.8% 0.093 4.8)

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

#D8C6B0

Goose Yellow · Silver · Peach Orange

HEX
#D8C6B0
RGB
rgb(216, 198, 176)
HSL
hsl(33, 34%, 77%)
HSB
hsb(33, 19%, 85%)
CMYK
cmyk(0%, 8%, 19%, 15%)
Oklch
oklch(83.6% 0.036 72.8)

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

#B6A496

Apricot · DarkGray · Warm Sun

HEX
#B6A496
RGB
rgb(182, 164, 150)
HSL
hsl(26, 18%, 65%)
HSB
hsb(26, 18%, 71%)
CMYK
cmyk(0%, 10%, 18%, 29%)
Oklch
oklch(73.0% 0.029 60.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#8F8176

Tangerine · Gray · Warm Sun

HEX
#8F8176
RGB
rgb(143, 129, 118)
HSL
hsl(26, 10%, 51%)
HSB
hsb(26, 17%, 56%)
CMYK
cmyk(0%, 10%, 17%, 44%)
Oklch
oklch(61.3% 0.024 60.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#736660

Tangerine · DimGray · Warm Gray

HEX
#736660
RGB
rgb(115, 102, 96)
HSL
hsl(19, 9%, 41%)
HSB
hsb(19, 17%, 45%)
CMYK
cmyk(0%, 11%, 17%, 55%)
Oklch
oklch(52.1% 0.019 46.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CF8596
86D0BF

Analogous

D086BC
CF8596
D09A86

Triadic

CF8596
97D086
8697D0

Split-Comp.

CF8596
86D09A
86BCD0

Tetradic

CF8596
BCD086
86D0BF
9A86D0

Contrast Matrix WCAG 2.1 Contrast

CF8596
D8C6B0
B6A496
8F8176
736660
—
1.7
Fail
1.2
Fail
1.3
Fail
2.0
Fail
1.7
Fail
—
1.4
Fail
2.3
Fail
3.3
AA Large
1.2
Fail
1.4
Fail
—
1.6
Fail
2.3
Fail
1.3
Fail
2.3
Fail
1.6
Fail
—
1.5
Fail
2.0
Fail
3.3
AA Large
2.3
Fail
1.5
Fail
—
White BG
2.8Fail
1.7Fail
2.4Fail
3.8AA Large
5.5AA
Black BG
7.4AAA
12.6AAA
8.7AAA
5.6AA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE92
D0D0B5
AEAE99
898979
6D6D61

Deuteranopia

B3B991
D1D3B7
AFB19A
8A8B79
6E6F62

Tritanopia

CB8F8E
D7BABA
B59C9D
8E7B7B
726363

Achromatopsia

9D9D9D
C9C9C9
A8A8A8
848484
696969

Shades & Tints Shades & Tints

#CF8596

Dark
Light

#D8C6B0

Dark
Light

#B6A496

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cf8596;
  --color-2: #d8c6b0;
  --color-3: #b6a496;
  --color-4: #8f8176;
  --color-5: #736660;
}

SCSS

$color-1: #cf8596;
$color-2: #d8c6b0;
$color-3: #b6a496;
$color-4: #8f8176;
$color-5: #736660;

TAILWIND

colors: {
  'brand-1': '#cf8596',
  'brand-2': '#d8c6b0',
  'brand-3': '#b6a496',
  'brand-4': '#8f8176',
  'brand-5': '#736660',
}

RGB Array

[207, 133, 150], [216, 198, 176], [182, 164, 150], [143, 129, 118], [115, 102, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CF8596, #D8C6B0, #B6A496, #8F8176, #736660 is ideal for: brand design, premium product pages, magazine layouts. 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: #cf8596; --color-2: #d8c6b0; --color-3: #b6a496; --color-4: #8f8176; --color-5: #736660. 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. 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. 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