← Back to Editor

#EF8365 · #DC967B · #BEB59F · #A4CEBD · #8EE2D6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EF8365

Peach Pink · Salmon · Coral Red

HEX
#EF8365
RGB
rgb(239, 131, 101)
HSL
hsl(13, 81%, 67%)
HSB
hsb(13, 58%, 94%)
CMYK
cmyk(0%, 45%, 58%, 6%)
Oklch
oklch(72.3% 0.140 36.4)

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

#DC967B

Apricot · DarkSalmon · Warm Sun

HEX
#DC967B
RGB
rgb(220, 150, 123)
HSL
hsl(17, 58%, 67%)
HSB
hsb(17, 44%, 86%)
CMYK
cmyk(0%, 32%, 44%, 14%)
Oklch
oklch(73.6% 0.093 41.9)

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

#BEB59F

Ginger · DarkGray · Sunflower

HEX
#BEB59F
RGB
rgb(190, 181, 159)
HSL
hsl(43, 19%, 68%)
HSB
hsb(43, 16%, 75%)
CMYK
cmyk(0%, 5%, 16%, 25%)
Oklch
oklch(77.5% 0.032 88.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A4CEBD

Jade · Silver · Apple Green

HEX
#A4CEBD
RGB
rgb(164, 206, 189)
HSL
hsl(156, 30%, 73%)
HSB
hsb(156, 20%, 81%)
CMYK
cmyk(20%, 0%, 8%, 19%)
Oklch
oklch(81.6% 0.050 168.5)

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

#8EE2D6

Jade · SkyBlue · Lake Green

HEX
#8EE2D6
RGB
rgb(142, 226, 214)
HSL
hsl(171, 59%, 72%)
HSB
hsb(171, 37%, 89%)
CMYK
cmyk(37%, 0%, 5%, 11%)
Oklch
oklch(85.6% 0.084 184.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF8365
67D1EF

Analogous

EF678D
EF8365
EFC867

Triadic

EF8365
67EF84
8467EF

Split-Comp.

EF8365
67EFC8
678DEF

Tetradic

EF8365
8DEF67
67D1EF
C867EF

Contrast Matrix WCAG 2.1 Contrast

EF8365
DC967B
BEB59F
A4CEBD
8EE2D6
—
1.1
Fail
1.3
Fail
1.5
Fail
1.7
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
2.6Fail
2.4Fail
2.0Fail
1.7Fail
1.5Fail
Black BG
8.1AAA
8.7AAA
10.3AAA
12.1AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF6C
BEBD82
BABAA4
B6B7C1
B2B3D9

Deuteranopia

C7CF6E
C2C783
BBBBA6
B4B1C2
AEA7DA

Tritanopia

EA7273
D98788
BEA9A9
A6C4C5
92DBDC

Achromatopsia

A0A0A0
A8A8A8
B5B5B5
C0C0C0
C8C8C8

Shades & Tints Shades & Tints

#EF8365

Dark
Light

#DC967B

Dark
Light

#BEB59F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef8365;
  --color-2: #dc967b;
  --color-3: #beb59f;
  --color-4: #a4cebd;
  --color-5: #8ee2d6;
}

SCSS

$color-1: #ef8365;
$color-2: #dc967b;
$color-3: #beb59f;
$color-4: #a4cebd;
$color-5: #8ee2d6;

TAILWIND

colors: {
  'brand-1': '#ef8365',
  'brand-2': '#dc967b',
  'brand-3': '#beb59f',
  'brand-4': '#a4cebd',
  'brand-5': '#8ee2d6',
}

RGB Array

[239, 131, 101], [220, 150, 123], [190, 181, 159], [164, 206, 189], [142, 226, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EF8365, #DC967B, #BEB59F, #A4CEBD, #8EE2D6 is ideal for: health products, baby brands, fresh-style blogs. 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: #ef8365; --color-2: #dc967b; --color-3: #beb59f; --color-4: #a4cebd; --color-5: #8ee2d6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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