← Back to Editor

#ED8664 · #C69D7D · #9FB594 · #78CCAC · #313333

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

#ED8664

Apricot · Salmon · Warm Sun

HEX
#ED8664
RGB
rgb(237, 134, 100)
HSL
hsl(15, 79%, 66%)
HSB
hsb(15, 58%, 93%)
CMYK
cmyk(0%, 43%, 58%, 7%)
Oklch
oklch(72.5% 0.135 39.0)

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

#C69D7D

Apricot · Tan · Warm Sun

HEX
#C69D7D
RGB
rgb(198, 157, 125)
HSL
hsl(26, 39%, 63%)
HSB
hsb(26, 37%, 78%)
CMYK
cmyk(0%, 21%, 37%, 22%)
Oklch
oklch(72.6% 0.066 59.5)

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

#9FB594

Celadon · DarkSeaGreen · Apple Green

HEX
#9FB594
RGB
rgb(159, 181, 148)
HSL
hsl(100, 18%, 65%)
HSB
hsb(100, 18%, 71%)
CMYK
cmyk(12%, 0%, 18%, 29%)
Oklch
oklch(74.7% 0.052 135.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#78CCAC

Jade · MediumAquaMarine · Apple Green

HEX
#78CCAC
RGB
rgb(120, 204, 172)
HSL
hsl(157, 45%, 64%)
HSB
hsb(157, 41%, 80%)
CMYK
cmyk(41%, 0%, 16%, 20%)
Oklch
oklch(78.3% 0.095 167.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#313333

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#313333
RGB
rgb(49, 51, 51)
HSL
hsl(180, 2%, 20%)
HSB
hsb(180, 4%, 20%)
CMYK
cmyk(4%, 0%, 0%, 80%)
Oklch
oklch(31.9% 0.003 197.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED8664
64CBED

Analogous

ED6486
ED8664
EDCB64

Triadic

ED8664
64ED86
8664ED

Split-Comp.

ED8664
64EDCB
6486ED

Tetradic

ED8664
86ED64
64CBED
CB64ED

Contrast Matrix WCAG 2.1 Contrast

ED8664
C69D7D
9FB594
78CCAC
313333
—
1.0
Fail
1.2
Fail
1.3
Fail
5.0
AA
1.0
Fail
—
1.1
Fail
1.3
Fail
5.2
AA
1.2
Fail
1.1
Fail
—
1.2
Fail
5.8
AA
1.3
Fail
1.3
Fail
1.2
Fail
—
6.7
AA
5.0
AA
5.2
AA
5.8
AA
6.7
AA
—
White BG
2.6Fail
2.5Fail
2.2Fail
1.9Fail
12.7AAA
Black BG
8.2AAA
8.5AAA
9.5AAA
11.0AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF6C
B4B485
A9A99C
9C9DB4
323233

Deuteranopia

C6CE6E
B7BA87
A7A69E
9891B6
323233

Tritanopia

E87374
C48B8C
A0A2A4
7CBABB
313333

Achromatopsia

A1A1A1
A6A6A6
ABABAB
AFAFAF
323232

Shades & Tints Shades & Tints

#ED8664

Dark
Light

#C69D7D

Dark
Light

#9FB594

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed8664;
  --color-2: #c69d7d;
  --color-3: #9fb594;
  --color-4: #78ccac;
  --color-5: #313333;
}

SCSS

$color-1: #ed8664;
$color-2: #c69d7d;
$color-3: #9fb594;
$color-4: #78ccac;
$color-5: #313333;

TAILWIND

colors: {
  'brand-1': '#ed8664',
  'brand-2': '#c69d7d',
  'brand-3': '#9fb594',
  'brand-4': '#78ccac',
  'brand-5': '#313333',
}

RGB Array

[237, 134, 100], [198, 157, 125], [159, 181, 148], [120, 204, 172], [49, 51, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED8664, #C69D7D, #9FB594, #78CCAC, #313333 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: #ed8664; --color-2: #c69d7d; --color-3: #9fb594; --color-4: #78ccac; --color-5: #313333. 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