← Back to Editor

#EB9331 · #EBC028 · #E8D31A · #EDEBD5 · #ABD9BA

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#EB9331

Ginger · GoldenRod · Warm Sun

HEX
#EB9331
RGB
rgb(235, 147, 49)
HSL
hsl(32, 82%, 56%)
HSB
hsb(32, 79%, 92%)
CMYK
cmyk(0%, 37%, 79%, 8%)
Oklch
oklch(73.9% 0.150 63.6)

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

#EBC028

Ginger · GoldenRod · Sunflower

HEX
#EBC028
RGB
rgb(235, 192, 40)
HSL
hsl(47, 83%, 54%)
HSB
hsb(47, 83%, 92%)
CMYK
cmyk(0%, 18%, 83%, 8%)
Oklch
oklch(82.3% 0.159 91.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E8D31A

Autumn Sage · Gold · Sunflower

HEX
#E8D31A
RGB
rgb(232, 211, 26)
HSL
hsl(54, 82%, 51%)
HSB
hsb(54, 89%, 91%)
CMYK
cmyk(0%, 9%, 89%, 9%)
Oklch
oklch(85.8% 0.175 101.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EDEBD5

Fresh Green · Beige · Lemon Cream

HEX
#EDEBD5
RGB
rgb(237, 235, 213)
HSL
hsl(55, 40%, 88%)
HSB
hsb(55, 10%, 93%)
CMYK
cmyk(0%, 1%, 10%, 7%)
Oklch
oklch(93.6% 0.029 102.7)

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

#ABD9BA

Celadon · Silver · Apple Green

HEX
#ABD9BA
RGB
rgb(171, 217, 186)
HSL
hsl(140, 38%, 76%)
HSB
hsb(140, 21%, 85%)
CMYK
cmyk(21%, 0%, 14%, 15%)
Oklch
oklch(84.4% 0.064 155.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB9331
3389EB

Analogous

EB3933
EB9331
E5EB33

Triadic

EB9331
33EB95
9533EB

Split-Comp.

EB9331
33E5EB
3933EB

Tetradic

EB9331
33EB39
3389EB
EB33E5

Contrast Matrix WCAG 2.1 Contrast

EB9331
EBC028
E8D31A
EDEBD5
ABD9BA
—
1.4
Fail
1.6
Fail
2.0
Fail
1.5
Fail
1.4
Fail
—
1.1
Fail
1.4
Fail
1.1
Fail
1.6
Fail
1.1
Fail
—
1.3
Fail
1.0
Fail
2.0
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.1
Fail
1.0
Fail
1.3
Fail
—
White BG
2.4Fail
1.7Fail
1.5Fail
1.2Fail
1.6Fail
Black BG
8.8AAA
12.1AAA
13.8AAA
17.4AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C449
D8D84D
DFDF47
ECECDA
BFBFC2

Deuteranopia

CAD14E
DBDE56
E0E252
ECECDC
BCB9C3

Tritanopia

E75B60
E96A70
E76A72
EDDFDF
ADC7C9

Achromatopsia

A2A2A2
BCBCBC
C4C4C4
E9E9E9
C8C8C8

Shades & Tints Shades & Tints

#EB9331

Dark
Light

#EBC028

Dark
Light

#E8D31A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb9331;
  --color-2: #ebc028;
  --color-3: #e8d31a;
  --color-4: #edebd5;
  --color-5: #abd9ba;
}

SCSS

$color-1: #eb9331;
$color-2: #ebc028;
$color-3: #e8d31a;
$color-4: #edebd5;
$color-5: #abd9ba;

TAILWIND

colors: {
  'brand-1': '#eb9331',
  'brand-2': '#ebc028',
  'brand-3': '#e8d31a',
  'brand-4': '#edebd5',
  'brand-5': '#abd9ba',
}

RGB Array

[235, 147, 49], [235, 192, 40], [232, 211, 26], [237, 235, 213], [171, 217, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EB9331, #EBC028, #E8D31A, #EDEBD5, #ABD9BA 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: #eb9331; --color-2: #ebc028; --color-3: #e8d31a; --color-4: #edebd5; --color-5: #abd9ba. 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