← Back to Editor

#ECF075 · #E7CE7E · #E7AD7E · #E7877E · #D36960

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#ECF075

Fresh Green · Khaki · Sunflower

HEX
#ECF075
RGB
rgb(236, 240, 117)
HSL
hsl(62, 80%, 70%)
HSB
hsb(62, 51%, 94%)
CMYK
cmyk(2%, 0%, 51%, 6%)
Oklch
oklch(92.8% 0.146 110.6)

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

#E7CE7E

Ginger · BurlyWood · Sunflower

HEX
#E7CE7E
RGB
rgb(231, 206, 126)
HSL
hsl(46, 69%, 70%)
HSB
hsb(46, 45%, 91%)
CMYK
cmyk(0%, 11%, 45%, 9%)
Oklch
oklch(85.5% 0.104 92.6)

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

#E7AD7E

Apricot · BurlyWood · Warm Sun

HEX
#E7AD7E
RGB
rgb(231, 173, 126)
HSL
hsl(27, 69%, 70%)
HSB
hsb(27, 45%, 91%)
CMYK
cmyk(0%, 25%, 45%, 9%)
Oklch
oklch(79.1% 0.092 59.9)

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

#E7877E

Peach Pink · LightCoral · Coral Red

HEX
#E7877E
RGB
rgb(231, 135, 126)
HSL
hsl(5, 69%, 70%)
HSB
hsb(5, 45%, 91%)
CMYK
cmyk(0%, 42%, 45%, 9%)
Oklch
oklch(72.4% 0.119 26.1)

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

#D36960

Crimson · Salmon · Passion Red

HEX
#D36960
RGB
rgb(211, 105, 96)
HSL
hsl(5, 57%, 60%)
HSB
hsb(5, 55%, 83%)
CMYK
cmyk(0%, 50%, 55%, 17%)
Oklch
oklch(64.4% 0.135 26.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECF075
7975F0

Analogous

F0B775
ECF075
AEF075

Triadic

ECF075
75ECF0
F075EC

Split-Comp.

ECF075
75AEF0
B775F0

Tetradic

ECF075
75F0B7
7975F0
F075AE

Contrast Matrix WCAG 2.1 Contrast

ECF075
E7CE7E
E7AD7E
E7877E
D36960
—
1.3
Fail
1.6
Fail
2.1
Fail
2.9
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
2.9
Fail
2.3
Fail
1.8
Fail
1.4
Fail
—
White BG
1.2Fail
1.6Fail
2.0Fail
2.6Fail
3.5AA Large
Black BG
17.3AAA
13.5AAA
10.7AAA
8.2AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEE93
DCDC91
CECD89
BDBD80
A5A462

Deuteranopia

EEED9A
DEE096
D1D68C
C3CA81
ABB363

Tritanopia

ECAAAF
E6A1A4
E49294
E28282
CE6464

Achromatopsia

E1E1E1
CCCCCC
B9B9B9
A3A3A3
888888

Shades & Tints Shades & Tints

#ECF075

Dark
Light

#E7CE7E

Dark
Light

#E7AD7E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecf075;
  --color-2: #e7ce7e;
  --color-3: #e7ad7e;
  --color-4: #e7877e;
  --color-5: #d36960;
}

SCSS

$color-1: #ecf075;
$color-2: #e7ce7e;
$color-3: #e7ad7e;
$color-4: #e7877e;
$color-5: #d36960;

TAILWIND

colors: {
  'brand-1': '#ecf075',
  'brand-2': '#e7ce7e',
  'brand-3': '#e7ad7e',
  'brand-4': '#e7877e',
  'brand-5': '#d36960',
}

RGB Array

[236, 240, 117], [231, 206, 126], [231, 173, 126], [231, 135, 126], [211, 105, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ECF075, #E7CE7E, #E7AD7E, #E7877E, #D36960 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ecf075; --color-2: #e7ce7e; --color-3: #e7ad7e; --color-4: #e7877e; --color-5: #d36960. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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