← Back to Editor

#E8720E · #E69A38 · #F8CC83 · #EFD6C2 · #8792B2

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E8720E

Tangerine · Chocolate · Amber Brown

HEX
#E8720E
RGB
rgb(232, 114, 14)
HSL
hsl(28, 89%, 48%)
HSB
hsb(28, 94%, 91%)
CMYK
cmyk(0%, 51%, 94%, 9%)
Oklch
oklch(67.9% 0.173 51.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E69A38

Ginger · GoldenRod · Warm Sun

HEX
#E69A38
RGB
rgb(230, 154, 56)
HSL
hsl(34, 78%, 56%)
HSB
hsb(34, 76%, 90%)
CMYK
cmyk(0%, 33%, 76%, 10%)
Oklch
oklch(74.6% 0.142 68.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F8CC83

Goose Yellow · Khaki · Warm Sun

HEX
#F8CC83
RGB
rgb(248, 204, 131)
HSL
hsl(37, 89%, 74%)
HSB
hsb(37, 47%, 97%)
CMYK
cmyk(0%, 18%, 47%, 3%)
Oklch
oklch(86.8% 0.104 79.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EFD6C2

Apricot · Wheat · Peach Orange

HEX
#EFD6C2
RGB
rgb(239, 214, 194)
HSL
hsl(27, 58%, 85%)
HSB
hsb(27, 19%, 94%)
CMYK
cmyk(0%, 10%, 19%, 6%)
Oklch
oklch(89.1% 0.039 61.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#8792B2

Azure · LightSlateGray · Cobalt Blue

HEX
#8792B2
RGB
rgb(135, 146, 178)
HSL
hsl(225, 22%, 61%)
HSB
hsb(225, 24%, 70%)
CMYK
cmyk(24%, 18%, 0%, 30%)
Oklch
oklch(66.2% 0.049 270.1)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8720E
0D82E7

Analogous

E70D15
E8720E
E7E00D

Triadic

E8720E
0DE773
730DE7

Split-Comp.

E8720E
0DE7E0
0D15E7

Tetradic

E8720E
15E70D
0D82E7
E00DE7

Contrast Matrix WCAG 2.1 Contrast

E8720E
E69A38
F8CC83
EFD6C2
8792B2
—
1.3
Fail
2.0
Fail
2.2
Fail
1.0
Fail
1.3
Fail
—
1.5
Fail
1.7
Fail
1.3
Fail
2.0
Fail
1.5
Fail
—
1.1
Fail
2.1
Fail
2.2
Fail
1.7
Fail
1.1
Fail
—
2.2
Fail
1.0
Fail
1.3
Fail
2.1
Fail
2.2
Fail
—
White BG
3.1AA Large
2.3Fail
1.5Fail
1.4Fail
3.1AA Large
Black BG
6.8AA
9.0AAA
14.0AAA
15.1AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B426
C5C450
E5E595
E4E4C7
8C8CAA

Deuteranopia

BCC52C
CACF55
E8EB99
E6E8C8
8B8AA8

Tritanopia

E2393E
E26267
F6A3A6
EECBCC
88A4A3

Achromatopsia

8A8A8A
A6A6A6
D1D1D1
DBDBDB
929292

Shades & Tints Shades & Tints

#E8720E

Dark
Light

#E69A38

Dark
Light

#F8CC83

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8720e;
  --color-2: #e69a38;
  --color-3: #f8cc83;
  --color-4: #efd6c2;
  --color-5: #8792b2;
}

SCSS

$color-1: #e8720e;
$color-2: #e69a38;
$color-3: #f8cc83;
$color-4: #efd6c2;
$color-5: #8792b2;

TAILWIND

colors: {
  'brand-1': '#e8720e',
  'brand-2': '#e69a38',
  'brand-3': '#f8cc83',
  'brand-4': '#efd6c2',
  'brand-5': '#8792b2',
}

RGB Array

[232, 114, 14], [230, 154, 56], [248, 204, 131], [239, 214, 194], [135, 146, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E8720E, #E69A38, #F8CC83, #EFD6C2, #8792B2 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #e8720e; --color-2: #e69a38; --color-3: #f8cc83; --color-4: #efd6c2; --color-5: #8792b2. 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 pastel-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