← Back to Editor

#75614A · #C19F77 · #D9BB64 · #625C63 · #38313B

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

#75614A

Ochre · DimGray · Amber Brown

HEX
#75614A
RGB
rgb(117, 97, 74)
HSL
hsl(32, 23%, 37%)
HSB
hsb(32, 37%, 46%)
CMYK
cmyk(0%, 17%, 37%, 54%)
Oklch
oklch(50.6% 0.043 70.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#C19F77

Ginger · Tan · Warm Sun

HEX
#C19F77
RGB
rgb(193, 159, 119)
HSL
hsl(32, 37%, 61%)
HSB
hsb(32, 38%, 76%)
CMYK
cmyk(0%, 18%, 38%, 24%)
Oklch
oklch(72.4% 0.068 71.0)

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

#D9BB64

Ginger · BurlyWood · Sunflower

HEX
#D9BB64
RGB
rgb(217, 187, 100)
HSL
hsl(45, 61%, 62%)
HSB
hsb(45, 54%, 85%)
CMYK
cmyk(0%, 14%, 54%, 15%)
Oklch
oklch(80.0% 0.112 90.7)

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

#625C63

Ink Gray · DimGray · Charcoal

HEX
#625C63
RGB
rgb(98, 92, 99)
HSL
hsl(291, 4%, 37%)
HSB
hsb(291, 7%, 39%)
CMYK
cmyk(1%, 7%, 0%, 61%)
Oklch
oklch(48.3% 0.013 321.4)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#38313B

Dark Plum · DarkSlateGray · Dark Stone

HEX
#38313B
RGB
rgb(56, 49, 59)
HSL
hsl(282, 9%, 21%)
HSB
hsb(282, 17%, 23%)
CMYK
cmyk(5%, 17%, 0%, 77%)
Oklch
oklch(32.5% 0.020 315.8)

Traditional「Dark Plum」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75614A
495D74

Analogous

744A49
75614A
737449

Triadic

75614A
497460
604974

Split-Comp.

75614A
497374
4A4974

Tetradic

75614A
49744A
495D74
744973

Contrast Matrix WCAG 2.1 Contrast

75614A
C19F77
D9BB64
625C63
38313B
—
2.4
Fail
3.2
AA Large
1.1
Fail
2.1
Fail
2.4
Fail
—
1.3
Fail
2.6
Fail
5.1
AA
3.2
AA Large
1.3
Fail
—
3.5
AA Large
6.7
AA
1.1
Fail
2.6
Fail
3.5
AA Large
—
1.9
Fail
2.1
Fail
5.1
AA
6.7
AA
1.9
Fail
—
White BG
5.9AA
2.5Fail
1.9Fail
6.5AA
12.6AAA
Black BG
3.6AA Large
8.5AAA
11.2AAA
3.2AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C50
B2B281
CCCC79
5F5F61
353539

Deuteranopia

6E6F51
B4B783
CED07E
606061
353638

Tritanopia

745455
BF888A
D78A8D
626060
383736

Achromatopsia

646464
A5A5A5
BABABA
5F5F5F
343434

Shades & Tints Shades & Tints

#75614A

Dark
Light

#C19F77

Dark
Light

#D9BB64

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75614a;
  --color-2: #c19f77;
  --color-3: #d9bb64;
  --color-4: #625c63;
  --color-5: #38313b;
}

SCSS

$color-1: #75614a;
$color-2: #c19f77;
$color-3: #d9bb64;
$color-4: #625c63;
$color-5: #38313b;

TAILWIND

colors: {
  'brand-1': '#75614a',
  'brand-2': '#c19f77',
  'brand-3': '#d9bb64',
  'brand-4': '#625c63',
  'brand-5': '#38313b',
}

RGB Array

[117, 97, 74], [193, 159, 119], [217, 187, 100], [98, 92, 99], [56, 49, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75614A, #C19F77, #D9BB64, #625C63, #38313B is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #75614a; --color-2: #c19f77; --color-3: #d9bb64; --color-4: #625c63; --color-5: #38313b. 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. 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