← Back to Editor

#EBA965 · #ED9474 · #D66574 · #A17C72 · #6E8A86

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 Library

Color Details Color Details

#EBA965

Ginger · SandyBrown · Warm Sun

HEX
#EBA965
RGB
rgb(235, 169, 101)
HSL
hsl(30, 77%, 66%)
HSB
hsb(30, 57%, 92%)
CMYK
cmyk(0%, 28%, 57%, 8%)
Oklch
oklch(78.4% 0.115 65.6)

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

#ED9474

Apricot · DarkSalmon · Warm Sun

HEX
#ED9474
RGB
rgb(237, 148, 116)
HSL
hsl(16, 77%, 69%)
HSB
hsb(16, 51%, 93%)
CMYK
cmyk(0%, 38%, 51%, 7%)
Oklch
oklch(75.1% 0.117 40.5)

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

#D66574

Peach Pink · LightCoral · Coral Red

HEX
#D66574
RGB
rgb(214, 101, 116)
HSL
hsl(352, 58%, 62%)
HSB
hsb(352, 53%, 84%)
CMYK
cmyk(0%, 53%, 46%, 16%)
Oklch
oklch(64.7% 0.142 13.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#A17C72

Crimson · Gray · Passion Red

HEX
#A17C72
RGB
rgb(161, 124, 114)
HSL
hsl(13, 20%, 54%)
HSB
hsb(13, 29%, 63%)
CMYK
cmyk(0%, 23%, 29%, 37%)
Oklch
oklch(61.9% 0.049 35.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#6E8A86

Mineral Blue · SlateGray · Mint Ice

HEX
#6E8A86
RGB
rgb(110, 138, 134)
HSL
hsl(171, 11%, 49%)
HSB
hsb(171, 20%, 54%)
CMYK
cmyk(20%, 0%, 3%, 46%)
Oklch
oklch(61.1% 0.032 185.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBA965
66A8EB

Analogous

EB6666
EBA965
EBEB66

Triadic

EBA965
66EBA8
A866EB

Split-Comp.

EBA965
66EBEB
6666EB

Tetradic

EBA965
66EB66
66A8EB
EB66EB

Contrast Matrix WCAG 2.1 Contrast

EBA965
ED9474
D66574
A17C72
6E8A86
—
1.1
Fail
1.7
Fail
1.8
Fail
1.8
Fail
1.1
Fail
—
1.5
Fail
1.6
Fail
1.6
Fail
1.7
Fail
1.5
Fail
—
1.1
Fail
1.1
Fail
1.8
Fail
1.6
Fail
1.1
Fail
—
1.0
Fail
1.8
Fail
1.6
Fail
1.1
Fail
1.0
Fail
—
White BG
2.0Fail
2.3Fail
3.5AA Large
3.7AA Large
3.7AA Large
Black BG
10.4AAA
9.1AAA
6.0AA
5.6AA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE75
C6C67C
A5A470
919174
7A7A87

Deuteranopia

D2D779
CCD27E
ACB46F
939675
797687

Tritanopia

E88285
E98283
D06E6D
9F7677
6F8888

Achromatopsia

B5B5B5
ABABAB
888888
868686
818181

Shades & Tints Shades & Tints

#EBA965

Dark
Light

#ED9474

Dark
Light

#D66574

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eba965;
  --color-2: #ed9474;
  --color-3: #d66574;
  --color-4: #a17c72;
  --color-5: #6e8a86;
}

SCSS

$color-1: #eba965;
$color-2: #ed9474;
$color-3: #d66574;
$color-4: #a17c72;
$color-5: #6e8a86;

TAILWIND

colors: {
  'brand-1': '#eba965',
  'brand-2': '#ed9474',
  'brand-3': '#d66574',
  'brand-4': '#a17c72',
  'brand-5': '#6e8a86',
}

RGB Array

[235, 169, 101], [237, 148, 116], [214, 101, 116], [161, 124, 114], [110, 138, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBA965, #ED9474, #D66574, #A17C72, #6E8A86 is ideal for: corporate websites, product showcases, portfolios. 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: #eba965; --color-2: #ed9474; --color-3: #d66574; --color-4: #a17c72; --color-5: #6e8a86. 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. 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