← Back to Editor

#58503D · #928B7B · #CA7E5C · #E59C7B · #FFE9D2

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

#58503D

Ochre · DarkOliveGreen · Honey Gold

HEX
#58503D
RGB
rgb(88, 80, 61)
HSL
hsl(42, 18%, 29%)
HSB
hsb(42, 31%, 35%)
CMYK
cmyk(0%, 9%, 31%, 65%)
Oklch
oklch(43.4% 0.031 87.9)

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

#928B7B

Ginger · Gray · Sunflower

HEX
#928B7B
RGB
rgb(146, 139, 123)
HSL
hsl(42, 10%, 53%)
HSB
hsb(42, 16%, 57%)
CMYK
cmyk(0%, 5%, 16%, 43%)
Oklch
oklch(63.8% 0.025 87.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#CA7E5C

Tangerine · DarkSalmon · Warm Sun

HEX
#CA7E5C
RGB
rgb(202, 126, 92)
HSL
hsl(19, 51%, 58%)
HSB
hsb(19, 54%, 79%)
CMYK
cmyk(0%, 38%, 54%, 21%)
Oklch
oklch(66.6% 0.106 44.6)

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

#E59C7B

Apricot · DarkSalmon · Warm Sun

HEX
#E59C7B
RGB
rgb(229, 156, 123)
HSL
hsl(19, 67%, 69%)
HSB
hsb(19, 46%, 90%)
CMYK
cmyk(0%, 32%, 46%, 10%)
Oklch
oklch(75.7% 0.099 45.1)

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

#FFE9D2

Goose Yellow · Bisque · Peach Orange

HEX
#FFE9D2
RGB
rgb(255, 233, 210)
HSL
hsl(31, 100%, 91%)
HSB
hsb(31, 18%, 100%)
CMYK
cmyk(0%, 9%, 18%, 0%)
Oklch
oklch(94.6% 0.039 68.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

58503D
3D4557

Analogous

57423D
58503D
52573D

Triadic

58503D
3D574F
4F3D57

Split-Comp.

58503D
3D5257
423D57

Tetradic

58503D
3D5742
3D4557
573D52

Contrast Matrix WCAG 2.1 Contrast

58503D
928B7B
CA7E5C
E59C7B
FFE9D2
—
2.4
Fail
2.5
Fail
3.6
AA Large
6.8
AA
2.4
Fail
—
1.1
Fail
1.5
Fail
2.9
Fail
2.5
Fail
1.1
Fail
—
1.4
Fail
2.7
Fail
3.6
AA Large
1.5
Fail
1.4
Fail
—
1.9
Fail
6.8
AA
2.9
Fail
2.7
Fail
1.9
Fail
—
White BG
8.0AAA
3.4AA Large
3.2AA Large
2.2Fail
1.2Fail
Black BG
2.6Fail
6.2AA
6.7AA
9.4AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

555442
8F8F7F
A9A864
C5C583
F5F5D8

Deuteranopia

555643
8F9080
AEB366
CACF85
F7F8D9

Tritanopia

584546
928283
C66B6C
E1898B
FEDCDD

Achromatopsia

505050
8B8B8B
919191
AEAEAE
EDEDED

Shades & Tints Shades & Tints

#58503D

Dark
Light

#928B7B

Dark
Light

#CA7E5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #58503d;
  --color-2: #928b7b;
  --color-3: #ca7e5c;
  --color-4: #e59c7b;
  --color-5: #ffe9d2;
}

SCSS

$color-1: #58503d;
$color-2: #928b7b;
$color-3: #ca7e5c;
$color-4: #e59c7b;
$color-5: #ffe9d2;

TAILWIND

colors: {
  'brand-1': '#58503d',
  'brand-2': '#928b7b',
  'brand-3': '#ca7e5c',
  'brand-4': '#e59c7b',
  'brand-5': '#ffe9d2',
}

RGB Array

[88, 80, 61], [146, 139, 123], [202, 126, 92], [229, 156, 123], [255, 233, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #58503D, #928B7B, #CA7E5C, #E59C7B, #FFE9D2 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: #58503d; --color-2: #928b7b; --color-3: #ca7e5c; --color-4: #e59c7b; --color-5: #ffe9d2. 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