← Back to Editor

#EDB214 · #EADCBB · #F26464 · #311B0C · #8BA99F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EDB214

Ochre · GoldenRod · Honey Gold

HEX
#EDB214
RGB
rgb(237, 178, 20)
HSL
hsl(44, 86%, 50%)
HSB
hsb(44, 92%, 93%)
CMYK
cmyk(0%, 25%, 92%, 7%)
Oklch
oklch(79.7% 0.160 83.9)

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

#EADCBB

Goose Yellow · Wheat · Lemon Cream

HEX
#EADCBB
RGB
rgb(234, 220, 187)
HSL
hsl(42, 53%, 83%)
HSB
hsb(42, 20%, 92%)
CMYK
cmyk(0%, 6%, 20%, 8%)
Oklch
oklch(89.7% 0.046 87.8)

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

#F26464

Peach Pink · Tomato · Coral Red

HEX
#F26464
RGB
rgb(242, 100, 100)
HSL
hsl(0, 85%, 67%)
HSB
hsb(0, 59%, 95%)
CMYK
cmyk(0%, 59%, 59%, 5%)
Oklch
oklch(68.2% 0.176 22.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#311B0C

Tangerine · Black · Cinnamon

HEX
#311B0C
RGB
rgb(49, 27, 12)
HSL
hsl(24, 61%, 12%)
HSB
hsb(24, 76%, 19%)
CMYK
cmyk(0%, 45%, 76%, 81%)
Oklch
oklch(24.8% 0.043 53.7)

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

#8BA99F

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#8BA99F
RGB
rgb(139, 169, 159)
HSL
hsl(160, 15%, 60%)
HSB
hsb(160, 18%, 66%)
CMYK
cmyk(18%, 0%, 6%, 34%)
Oklch
oklch(70.9% 0.036 173.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDB214
124CED

Analogous

ED4512
EDB214
BAED12

Triadic

EDB214
12EDB3
B312ED

Split-Comp.

EDB214
12BAED
4512ED

Tetradic

EDB214
12ED45
124CED
ED12BA

Contrast Matrix WCAG 2.1 Contrast

EDB214
EADCBB
F26464
311B0C
8BA99F
—
1.4
Fail
1.6
Fail
8.5
AAA
1.3
Fail
1.4
Fail
—
2.3
Fail
12.0
AAA
1.9
Fail
1.6
Fail
2.3
Fail
—
5.2
AA
1.2
Fail
8.5
AAA
12.0
AAA
5.2
AA
—
6.4
AA
1.3
Fail
1.9
Fail
1.2
Fail
6.4
AA
—
White BG
1.9Fail
1.4Fail
3.1AA Large
16.2AAA
2.5Fail
Black BG
11.0AAA
15.5AAA
6.8AA
1.3Fail
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D33A
E4E4C3
B5B364
272710
9898A1

Deuteranopia

D7DB43
E5E6C5
BDC764
292A11
9694A2

Tritanopia

EA585F
E9C9CB
EB6464
301213
8CA3A4

Achromatopsia

B2B2B2
DCDCDC
8E8E8E
202020
9F9F9F

Shades & Tints Shades & Tints

#EDB214

Dark
Light

#EADCBB

Dark
Light

#F26464

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edb214;
  --color-2: #eadcbb;
  --color-3: #f26464;
  --color-4: #311b0c;
  --color-5: #8ba99f;
}

SCSS

$color-1: #edb214;
$color-2: #eadcbb;
$color-3: #f26464;
$color-4: #311b0c;
$color-5: #8ba99f;

TAILWIND

colors: {
  'brand-1': '#edb214',
  'brand-2': '#eadcbb',
  'brand-3': '#f26464',
  'brand-4': '#311b0c',
  'brand-5': '#8ba99f',
}

RGB Array

[237, 178, 20], [234, 220, 187], [242, 100, 100], [49, 27, 12], [139, 169, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDB214, #EADCBB, #F26464, #311B0C, #8BA99F 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: #edb214; --color-2: #eadcbb; --color-3: #f26464; --color-4: #311b0c; --color-5: #8ba99f. 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