← Back to Editor

#E8685D · #FF7B6B · #FFA078 · #EDE8C0 · #FFF1D3

cool

A 5-color cool 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

#E8685D

Peach Pink · Tomato · Coral Red

HEX
#E8685D
RGB
rgb(232, 104, 93)
HSL
hsl(5, 75%, 64%)
HSB
hsb(5, 60%, 91%)
CMYK
cmyk(0%, 55%, 60%, 9%)
Oklch
oklch(67.2% 0.161 27.2)

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

#FF7B6B

Peach Pink · Salmon · Coral Red

HEX
#FF7B6B
RGB
rgb(255, 123, 107)
HSL
hsl(6, 100%, 71%)
HSB
hsb(6, 58%, 100%)
CMYK
cmyk(0%, 52%, 58%, 0%)
Oklch
oklch(73.3% 0.164 28.7)

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

#FFA078

Apricot · LightSalmon · Warm Sun

HEX
#FFA078
RGB
rgb(255, 160, 120)
HSL
hsl(18, 100%, 74%)
HSB
hsb(18, 53%, 100%)
CMYK
cmyk(0%, 37%, 53%, 0%)
Oklch
oklch(79.3% 0.126 43.4)

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

#EDE8C0

Fresh Green · Wheat · Lemon Cream

HEX
#EDE8C0
RGB
rgb(237, 232, 192)
HSL
hsl(53, 56%, 84%)
HSB
hsb(53, 19%, 93%)
CMYK
cmyk(0%, 2%, 19%, 7%)
Oklch
oklch(92.5% 0.053 101.5)

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

#FFF1D3

Goose Yellow · Beige · Lemon Cream

HEX
#FFF1D3
RGB
rgb(255, 241, 211)
HSL
hsl(41, 100%, 91%)
HSB
hsb(41, 17%, 100%)
CMYK
cmyk(0%, 5%, 17%, 0%)
Oklch
oklch(96.1% 0.042 86.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8685D
5EDDE8

Analogous

E85E98
E8685D
E8AF5E

Triadic

E8685D
5EE86A
6A5EE8

Split-Comp.

E8685D
5EE8AF
5E98E8

Tetradic

E8685D
98E85E
5EDDE8
AF5EE8

Contrast Matrix WCAG 2.1 Contrast

E8685D
FF7B6B
FFA078
EDE8C0
FFF1D3
—
1.3
Fail
1.6
Fail
2.6
Fail
2.9
Fail
1.3
Fail
—
1.3
Fail
2.0
Fail
2.3
Fail
1.6
Fail
1.3
Fail
—
1.6
Fail
1.8
Fail
2.6
Fail
2.0
Fail
1.6
Fail
—
1.1
Fail
2.9
Fail
2.3
Fail
1.8
Fail
1.1
Fail
—
White BG
3.2AA Large
2.5Fail
2.0Fail
1.2Fail
1.1Fail
Black BG
6.6AA
8.3AAA
10.6AAA
16.9AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1AF60
C6C56F
D6D582
EBEBCA
F9F9DA

Deuteranopia

B8C260
CED770
DBE384
EBEBCC
FAFBDC

Tritanopia

E26262
F87273
FA898B
EDD1D3
FEE0E1

Achromatopsia

8D8D8D
A1A1A1
B8B8B8
E5E5E5
F2F2F2

Shades & Tints Shades & Tints

#E8685D

Dark
Light

#FF7B6B

Dark
Light

#FFA078

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8685d;
  --color-2: #ff7b6b;
  --color-3: #ffa078;
  --color-4: #ede8c0;
  --color-5: #fff1d3;
}

SCSS

$color-1: #e8685d;
$color-2: #ff7b6b;
$color-3: #ffa078;
$color-4: #ede8c0;
$color-5: #fff1d3;

TAILWIND

colors: {
  'brand-1': '#e8685d',
  'brand-2': '#ff7b6b',
  'brand-3': '#ffa078',
  'brand-4': '#ede8c0',
  'brand-5': '#fff1d3',
}

RGB Array

[232, 104, 93], [255, 123, 107], [255, 160, 120], [237, 232, 192], [255, 241, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E8685D, #FF7B6B, #FFA078, #EDE8C0, #FFF1D3 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: #e8685d; --color-2: #ff7b6b; --color-3: #ffa078; --color-4: #ede8c0; --color-5: #fff1d3. 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 cool-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