← Back to Editor

#5E4B56 · #998129 · #CCA723 · #CCBB7E · #DBD0AF

warm

A 5-color warm 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

#5E4B56

Rose Purple · DimGray · Camellia

HEX
#5E4B56
RGB
rgb(94, 75, 86)
HSL
hsl(325, 11%, 33%)
HSB
hsb(325, 20%, 37%)
CMYK
cmyk(0%, 20%, 9%, 63%)
Oklch
oklch(43.6% 0.031 342.8)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#998129

Ochre · DarkGoldenRod · Honey Gold

HEX
#998129
RGB
rgb(153, 129, 41)
HSL
hsl(47, 58%, 38%)
HSB
hsb(47, 73%, 60%)
CMYK
cmyk(0%, 16%, 73%, 40%)
Oklch
oklch(60.9% 0.108 93.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#CCA723

Ochre · GoldenRod · Honey Gold

HEX
#CCA723
RGB
rgb(204, 167, 35)
HSL
hsl(47, 71%, 47%)
HSB
hsb(47, 83%, 80%)
CMYK
cmyk(0%, 18%, 83%, 20%)
Oklch
oklch(74.1% 0.143 91.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#CCBB7E

Ginger · Tan · Sunflower

HEX
#CCBB7E
RGB
rgb(204, 187, 126)
HSL
hsl(47, 43%, 65%)
HSB
hsb(47, 38%, 80%)
CMYK
cmyk(0%, 8%, 38%, 20%)
Oklch
oklch(79.2% 0.082 94.4)

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

#DBD0AF

Goose Yellow · Wheat · Lemon Cream

HEX
#DBD0AF
RGB
rgb(219, 208, 175)
HSL
hsl(45, 38%, 77%)
HSB
hsb(45, 20%, 86%)
CMYK
cmyk(0%, 5%, 20%, 14%)
Oklch
oklch(85.8% 0.046 91.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E4B56
4B5D53

Analogous

5C4B5D
5E4B56
5D4B4C

Triadic

5E4B56
565D4B
4B565D

Split-Comp.

5E4B56
4C5D4B
4B5D5C

Tetradic

5E4B56
5D5C4B
4B5D53
4B4C5D

Contrast Matrix WCAG 2.1 Contrast

5E4B56
998129
CCA723
CCBB7E
DBD0AF
—
2.1
Fail
3.5
AA Large
4.2
AA Large
5.2
AA
2.1
Fail
—
1.7
Fail
2.0
Fail
2.5
Fail
3.5
AA Large
1.7
Fail
—
1.2
Fail
1.5
Fail
4.2
AA Large
2.0
Fail
1.2
Fail
—
1.2
Fail
5.2
AA
2.5
Fail
1.5
Fail
1.2
Fail
—
White BG
8.0AAA
3.8AA Large
2.3Fail
1.9Fail
1.5Fail
Black BG
2.6Fail
5.5AA
9.1AAA
11.0AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565653
8F8E3E
BCBC43
C5C48D
D6D6B7

Deuteranopia

575853
909243
BEC14B
C6C790
D7D8B9

Tritanopia

5D5151
984F53
CA5C62
CB989B
DABDBF

Achromatopsia

525252
7E7E7E
A3A3A3
B9B9B9
D0D0D0

Shades & Tints Shades & Tints

#5E4B56

Dark
Light

#998129

Dark
Light

#CCA723

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e4b56;
  --color-2: #998129;
  --color-3: #cca723;
  --color-4: #ccbb7e;
  --color-5: #dbd0af;
}

SCSS

$color-1: #5e4b56;
$color-2: #998129;
$color-3: #cca723;
$color-4: #ccbb7e;
$color-5: #dbd0af;

TAILWIND

colors: {
  'brand-1': '#5e4b56',
  'brand-2': '#998129',
  'brand-3': '#cca723',
  'brand-4': '#ccbb7e',
  'brand-5': '#dbd0af',
}

RGB Array

[94, 75, 86], [153, 129, 41], [204, 167, 35], [204, 187, 126], [219, 208, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #5E4B56, #998129, #CCA723, #CCBB7E, #DBD0AF 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: #5e4b56; --color-2: #998129; --color-3: #cca723; --color-4: #ccbb7e; --color-5: #dbd0af. 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 warm-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