← Back to Editor

#EC874F · #4E461F · #698D5D · #ADA35E · #DFCF77

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

#EC874F

Apricot · Coral · Warm Sun

HEX
#EC874F
RGB
rgb(236, 135, 79)
HSL
hsl(21, 81%, 62%)
HSB
hsb(21, 67%, 93%)
CMYK
cmyk(0%, 43%, 67%, 7%)
Oklch
oklch(72.2% 0.143 48.2)

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

#4E461F

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4E461F
RGB
rgb(78, 70, 31)
HSL
hsl(50, 43%, 21%)
HSB
hsb(50, 60%, 31%)
CMYK
cmyk(0%, 10%, 60%, 69%)
Oklch
oklch(39.3% 0.058 97.9)

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

#698D5D

Celadon · DimGray · Olive Green

HEX
#698D5D
RGB
rgb(105, 141, 93)
HSL
hsl(105, 21%, 46%)
HSB
hsb(105, 34%, 55%)
CMYK
cmyk(26%, 0%, 34%, 45%)
Oklch
oklch(60.4% 0.081 138.1)

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

#ADA35E

Autumn Sage · Tan · Sunflower

HEX
#ADA35E
RGB
rgb(173, 163, 94)
HSL
hsl(52, 33%, 52%)
HSB
hsb(52, 46%, 68%)
CMYK
cmyk(0%, 6%, 46%, 32%)
Oklch
oklch(70.8% 0.091 101.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DFCF77

Fresh Green · BurlyWood · Sunflower

HEX
#DFCF77
RGB
rgb(223, 207, 119)
HSL
hsl(51, 62%, 67%)
HSB
hsb(51, 47%, 87%)
CMYK
cmyk(0%, 7%, 47%, 13%)
Oklch
oklch(84.9% 0.111 99.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC874F
50B6ED

Analogous

ED5067
EC874F
EDD550

Triadic

EC874F
50ED87
8750ED

Split-Comp.

EC874F
50EDD5
5067ED

Tetradic

EC874F
67ED50
50B6ED
D550ED

Contrast Matrix WCAG 2.1 Contrast

EC874F
4E461F
698D5D
ADA35E
DFCF77
—
3.7
AA Large
1.5
Fail
1.0
Fail
1.6
Fail
3.7
AA Large
—
2.5
Fail
3.7
AA Large
6.0
AA
1.5
Fail
2.5
Fail
—
1.5
Fail
2.4
Fail
1.0
Fail
3.7
AA Large
1.5
Fail
—
1.6
Fail
1.6
Fail
6.0
AA
2.4
Fail
1.6
Fail
—
White BG
2.6Fail
9.5AAA
3.8AA Large
2.6Fail
1.6Fail
Black BG
8.1AAA
2.2Fail
5.6AA
8.2AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF5D
4B4A28
797969
A9A96F
D8D88C

Deuteranopia

C6CE60
4B4C2B
77746B
A9AA73
D9DA91

Tritanopia

E7676A
4E3032
6B7274
AD7C7F
DE9DA1

Achromatopsia

9F9F9F
444444
7D7D7D
9E9E9E
CACACA

Shades & Tints Shades & Tints

#EC874F

Dark
Light

#4E461F

Dark
Light

#698D5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec874f;
  --color-2: #4e461f;
  --color-3: #698d5d;
  --color-4: #ada35e;
  --color-5: #dfcf77;
}

SCSS

$color-1: #ec874f;
$color-2: #4e461f;
$color-3: #698d5d;
$color-4: #ada35e;
$color-5: #dfcf77;

TAILWIND

colors: {
  'brand-1': '#ec874f',
  'brand-2': '#4e461f',
  'brand-3': '#698d5d',
  'brand-4': '#ada35e',
  'brand-5': '#dfcf77',
}

RGB Array

[236, 135, 79], [78, 70, 31], [105, 141, 93], [173, 163, 94], [223, 207, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC874F, #4E461F, #698D5D, #ADA35E, #DFCF77 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: #ec874f; --color-2: #4e461f; --color-3: #698d5d; --color-4: #ada35e; --color-5: #dfcf77. 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