← Back to Editor

#CBBC95 · #D67E58 · #424034 · #7D814F · #E0AA6A

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 LibraryData Visualization

Color Details Color Details

#CBBC95

Ginger · Tan · Sunflower

HEX
#CBBC95
RGB
rgb(203, 188, 149)
HSL
hsl(43, 34%, 69%)
HSB
hsb(43, 27%, 80%)
CMYK
cmyk(0%, 7%, 27%, 20%)
Oklch
oklch(79.8% 0.055 89.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D67E58

Tangerine · Coral · Warm Sun

HEX
#D67E58
RGB
rgb(214, 126, 88)
HSL
hsl(18, 61%, 59%)
HSB
hsb(18, 59%, 84%)
CMYK
cmyk(0%, 41%, 59%, 16%)
Oklch
oklch(68.0% 0.121 43.7)

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

#424034

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#424034
RGB
rgb(66, 64, 52)
HSL
hsl(51, 12%, 23%)
HSB
hsb(51, 21%, 26%)
CMYK
cmyk(0%, 3%, 21%, 74%)
Oklch
oklch(37.0% 0.020 99.5)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#7D814F

Autumn Sage · DimGray · Honey Gold

HEX
#7D814F
RGB
rgb(125, 129, 79)
HSL
hsl(65, 24%, 41%)
HSB
hsb(65, 39%, 51%)
CMYK
cmyk(3%, 0%, 39%, 49%)
Oklch
oklch(58.7% 0.070 112.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E0AA6A

Ginger · SandyBrown · Warm Sun

HEX
#E0AA6A
RGB
rgb(224, 170, 106)
HSL
hsl(33, 66%, 65%)
HSB
hsb(33, 53%, 88%)
CMYK
cmyk(0%, 24%, 53%, 12%)
Oklch
oklch(77.5% 0.103 70.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBBC95
95A4CB

Analogous

CBA195
CBBC95
BFCB95

Triadic

CBBC95
95CBBC
BC95CB

Split-Comp.

CBBC95
95BFCB
A195CB

Tetradic

CBBC95
95CBA1
95A4CB
CB95BF

Contrast Matrix WCAG 2.1 Contrast

CBBC95
D67E58
424034
7D814F
E0AA6A
—
1.6
Fail
5.5
AA
2.2
Fail
1.1
Fail
1.6
Fail
—
3.5
AA Large
1.4
Fail
1.4
Fail
5.5
AA
3.5
AA Large
—
2.5
Fail
5.0
AA
2.2
Fail
1.4
Fail
2.5
Fail
—
2.0
Fail
1.1
Fail
1.4
Fail
5.0
AA
2.0
Fail
—
White BG
1.9Fail
3.0AA Large
10.4AAA
4.1AA Large
2.1Fail
Black BG
11.2AAA
7.0AA
2.0Fail
5.1AA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C49E
B0AF61
414137
7F7F5B
C9C879

Deuteranopia

C5C7A1
B5BC63
414138
7F7E5E
CCD07D

Tritanopia

CAA6A8
D2686A
42393A
7D6567
DD8688

Achromatopsia

BCBCBC
949494
3F3F3F
7A7A7A
B3B3B3

Shades & Tints Shades & Tints

#CBBC95

Dark
Light

#D67E58

Dark
Light

#424034

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbbc95;
  --color-2: #d67e58;
  --color-3: #424034;
  --color-4: #7d814f;
  --color-5: #e0aa6a;
}

SCSS

$color-1: #cbbc95;
$color-2: #d67e58;
$color-3: #424034;
$color-4: #7d814f;
$color-5: #e0aa6a;

TAILWIND

colors: {
  'brand-1': '#cbbc95',
  'brand-2': '#d67e58',
  'brand-3': '#424034',
  'brand-4': '#7d814f',
  'brand-5': '#e0aa6a',
}

RGB Array

[203, 188, 149], [214, 126, 88], [66, 64, 52], [125, 129, 79], [224, 170, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBBC95, #D67E58, #424034, #7D814F, #E0AA6A 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: #cbbc95; --color-2: #d67e58; --color-3: #424034; --color-4: #7d814f; --color-5: #e0aa6a. 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