← Back to Editor

#463019 · #4C5E4E · #759C81 · #F3C589 · #EDE0AB

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

#463019

Ochre · DarkOliveGreen · Cinnamon

HEX
#463019
RGB
rgb(70, 48, 25)
HSL
hsl(31, 47%, 19%)
HSB
hsb(31, 64%, 27%)
CMYK
cmyk(0%, 31%, 64%, 73%)
Oklch
oklch(32.9% 0.048 66.0)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#4C5E4E

Celadon · DarkSlateGray · Forest Green

HEX
#4C5E4E
RGB
rgb(76, 94, 78)
HSL
hsl(127, 11%, 33%)
HSB
hsb(127, 19%, 37%)
CMYK
cmyk(19%, 0%, 17%, 63%)
Oklch
oklch(46.2% 0.034 148.1)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#759C81

Celadon · Gray · Olive Green

HEX
#759C81
RGB
rgb(117, 156, 129)
HSL
hsl(138, 16%, 54%)
HSB
hsb(138, 25%, 61%)
CMYK
cmyk(25%, 0%, 17%, 39%)
Oklch
oklch(65.6% 0.059 154.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#F3C589

Goose Yellow · BurlyWood · Warm Sun

HEX
#F3C589
RGB
rgb(243, 197, 137)
HSL
hsl(34, 82%, 75%)
HSB
hsb(34, 44%, 95%)
CMYK
cmyk(0%, 19%, 44%, 5%)
Oklch
oklch(85.0% 0.093 73.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EDE0AB

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE0AB
RGB
rgb(237, 224, 171)
HSL
hsl(48, 65%, 80%)
HSB
hsb(48, 28%, 93%)
CMYK
cmyk(0%, 5%, 28%, 7%)
Oklch
oklch(90.4% 0.070 95.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

463019
1A3047

Analogous

471A1A
463019
46471A

Triadic

463019
1A4731
311A47

Split-Comp.

463019
1A4647
1A1A47

Tetradic

463019
1A471A
1A3047
471A46

Contrast Matrix WCAG 2.1 Contrast

463019
4C5E4E
759C81
F3C589
EDE0AB
—
1.8
Fail
4.0
AA Large
7.8
AAA
9.3
AAA
1.8
Fail
—
2.3
Fail
4.4
AA Large
5.3
AA
4.0
AA Large
2.3
Fail
—
1.9
Fail
2.3
Fail
7.8
AAA
4.4
AA Large
1.9
Fail
—
1.2
Fail
9.3
AAA
5.3
AA
2.3
Fail
1.2
Fail
—
White BG
12.4AAA
7.0AA
3.1AA Large
1.6Fail
1.3Fail
Black BG
1.7Fail
3.0AA Large
6.8AA
13.2AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C1F
545452
868688
DFDF98
E7E7B8

Deuteranopia

3E3F20
535153
848189
E2E59B
E8E9BB

Tritanopia

452324
4D5556
778D8E
F1A3A6
ECC2C4

Achromatopsia

343434
575757
8D8D8D
CCCCCC
DEDEDE

Shades & Tints Shades & Tints

#463019

Dark
Light

#4C5E4E

Dark
Light

#759C81

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #463019;
  --color-2: #4c5e4e;
  --color-3: #759c81;
  --color-4: #f3c589;
  --color-5: #ede0ab;
}

SCSS

$color-1: #463019;
$color-2: #4c5e4e;
$color-3: #759c81;
$color-4: #f3c589;
$color-5: #ede0ab;

TAILWIND

colors: {
  'brand-1': '#463019',
  'brand-2': '#4c5e4e',
  'brand-3': '#759c81',
  'brand-4': '#f3c589',
  'brand-5': '#ede0ab',
}

RGB Array

[70, 48, 25], [76, 94, 78], [117, 156, 129], [243, 197, 137], [237, 224, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #463019, #4C5E4E, #759C81, #F3C589, #EDE0AB 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: #463019; --color-2: #4c5e4e; --color-3: #759c81; --color-4: #f3c589; --color-5: #ede0ab. 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