← Back to Editor

#CDB790 · #BC9B94 · #7C8283 · #836F76 · #53464C

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 Library

Color Details Color Details

#CDB790

Ginger · Tan · Warm Sun

HEX
#CDB790
RGB
rgb(205, 183, 144)
HSL
hsl(38, 38%, 68%)
HSB
hsb(38, 30%, 80%)
CMYK
cmyk(0%, 11%, 30%, 20%)
Oklch
oklch(78.8% 0.058 81.8)

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

#BC9B94

Peach Pink · DarkGray · Coral Red

HEX
#BC9B94
RGB
rgb(188, 155, 148)
HSL
hsl(10, 23%, 66%)
HSB
hsb(10, 21%, 74%)
CMYK
cmyk(0%, 18%, 21%, 26%)
Oklch
oklch(71.7% 0.041 32.0)

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

#7C8283

Ink Gray · Gray · Warm Gray

HEX
#7C8283
RGB
rgb(124, 130, 131)
HSL
hsl(189, 3%, 50%)
HSB
hsb(189, 5%, 51%)
CMYK
cmyk(5%, 1%, 0%, 49%)
Oklch
oklch(60.2% 0.007 208.8)

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

#836F76

Dark Violet · Gray · Warm Gray

HEX
#836F76
RGB
rgb(131, 111, 118)
HSL
hsl(339, 8%, 47%)
HSB
hsb(339, 15%, 51%)
CMYK
cmyk(0%, 15%, 10%, 49%)
Oklch
oklch(56.3% 0.027 354.9)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

#53464C

Dark Violet · DarkSlateGray · Charcoal

HEX
#53464C
RGB
rgb(83, 70, 76)
HSL
hsl(332, 8%, 30%)
HSB
hsb(332, 16%, 33%)
CMYK
cmyk(0%, 16%, 8%, 67%)
Oklch
oklch(41.0% 0.020 348.5)

Traditional「Dark Violet」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDB790
8EA5CC

Analogous

CC978E
CDB790
C4CC8E

Triadic

CDB790
8ECCB6
B68ECC

Split-Comp.

CDB790
8EC4CC
978ECC

Tetradic

CDB790
8ECC97
8EA5CC
CC8EC4

Contrast Matrix WCAG 2.1 Contrast

CDB790
BC9B94
7C8283
836F76
53464C
—
1.3
Fail
2.0
Fail
2.4
Fail
4.6
AA
1.3
Fail
—
1.5
Fail
1.8
Fail
3.5
AA Large
2.0
Fail
1.5
Fail
—
1.2
Fail
2.3
Fail
2.4
Fail
1.8
Fail
1.2
Fail
—
1.9
Fail
4.6
AA
3.5
AA Large
2.3
Fail
1.9
Fail
—
White BG
1.9Fail
2.5Fail
3.9AA Large
4.7AA
8.9AAA
Black BG
10.8AAA
8.3AAA
5.4AA
4.5AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C399
AEAD96
7F7F83
7A7A74
4D4D4B

Deuteranopia

C5C69C
B0B296
7E7E83
7C7D74
4E4F4A

Tritanopia

CCA1A3
BA9797
7C8383
827373
524949

Achromatopsia

B9B9B9
A4A4A4
808080
767676
4B4B4B

Shades & Tints Shades & Tints

#CDB790

Dark
Light

#BC9B94

Dark
Light

#7C8283

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdb790;
  --color-2: #bc9b94;
  --color-3: #7c8283;
  --color-4: #836f76;
  --color-5: #53464c;
}

SCSS

$color-1: #cdb790;
$color-2: #bc9b94;
$color-3: #7c8283;
$color-4: #836f76;
$color-5: #53464c;

TAILWIND

colors: {
  'brand-1': '#cdb790',
  'brand-2': '#bc9b94',
  'brand-3': '#7c8283',
  'brand-4': '#836f76',
  'brand-5': '#53464c',
}

RGB Array

[205, 183, 144], [188, 155, 148], [124, 130, 131], [131, 111, 118], [83, 70, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDB790, #BC9B94, #7C8283, #836F76, #53464C 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: #cdb790; --color-2: #bc9b94; --color-3: #7c8283; --color-4: #836f76; --color-5: #53464c. 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