← Back to Editor

#E8D6A5 · #F8E7AA · #F3DB68 · #FDC11A · #F39712

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

#E8D6A5

Goose Yellow · Wheat · Lemon Cream

HEX
#E8D6A5
RGB
rgb(232, 214, 165)
HSL
hsl(44, 59%, 78%)
HSB
hsb(44, 29%, 91%)
CMYK
cmyk(0%, 8%, 29%, 9%)
Oklch
oklch(87.9% 0.067 90.3)

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

#F8E7AA

Goose Yellow · Wheat · Lemon Cream

HEX
#F8E7AA
RGB
rgb(248, 231, 170)
HSL
hsl(47, 85%, 82%)
HSB
hsb(47, 31%, 97%)
CMYK
cmyk(0%, 7%, 31%, 3%)
Oklch
oklch(92.7% 0.080 94.4)

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

#F3DB68

Fresh Green · Khaki · Sunflower

HEX
#F3DB68
RGB
rgb(243, 219, 104)
HSL
hsl(50, 85%, 68%)
HSB
hsb(50, 57%, 95%)
CMYK
cmyk(0%, 10%, 57%, 5%)
Oklch
oklch(88.9% 0.137 97.7)

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

#FDC11A

Ginger · Gold · Sunflower

HEX
#FDC11A
RGB
rgb(253, 193, 26)
HSL
hsl(44, 98%, 55%)
HSB
hsb(44, 90%, 99%)
CMYK
cmyk(0%, 24%, 90%, 1%)
Oklch
oklch(84.2% 0.168 85.2)

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

#F39712

Ginger · Orange · Warm Sun

HEX
#F39712
RGB
rgb(243, 151, 18)
HSL
hsl(35, 90%, 51%)
HSB
hsb(35, 93%, 95%)
CMYK
cmyk(0%, 38%, 93%, 5%)
Oklch
oklch(75.4% 0.164 66.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8D6A5
A6B7E8

Analogous

E8B5A6
E8D6A5
D9E8A6

Triadic

E8D6A5
A6E8D6
D6A6E8

Split-Comp.

E8D6A5
A6D9E8
B5A6E8

Tetradic

E8D6A5
A6E8B5
A6B7E8
E8A6D9

Contrast Matrix WCAG 2.1 Contrast

E8D6A5
F8E7AA
F3DB68
FDC11A
F39712
—
1.2
Fail
1.0
Fail
1.1
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.8
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
1.6
Fail
1.8
Fail
1.6
Fail
1.4
Fail
—
White BG
1.4Fail
1.2Fail
1.4Fail
1.6Fail
2.3Fail
Black BG
14.6AAA
17.0AAA
15.1AAA
12.8AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0B1
F1F0B9
E9E884
E3E242
CBCA32

Deuteranopia

E1E3B4
F2F3BC
EAEC8B
E7EB4C
D1D73A

Tritanopia

E7BABC
F7C4C7
F29A9F
FA6269
EE4C51

Achromatopsia

D6D6D6
E5E5E5
D5D5D5
C0C0C0
A3A3A3

Shades & Tints Shades & Tints

#E8D6A5

Dark
Light

#F8E7AA

Dark
Light

#F3DB68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8d6a5;
  --color-2: #f8e7aa;
  --color-3: #f3db68;
  --color-4: #fdc11a;
  --color-5: #f39712;
}

SCSS

$color-1: #e8d6a5;
$color-2: #f8e7aa;
$color-3: #f3db68;
$color-4: #fdc11a;
$color-5: #f39712;

TAILWIND

colors: {
  'brand-1': '#e8d6a5',
  'brand-2': '#f8e7aa',
  'brand-3': '#f3db68',
  'brand-4': '#fdc11a',
  'brand-5': '#f39712',
}

RGB Array

[232, 214, 165], [248, 231, 170], [243, 219, 104], [253, 193, 26], [243, 151, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E8D6A5, #F8E7AA, #F3DB68, #FDC11A, #F39712 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: #e8d6a5; --color-2: #f8e7aa; --color-3: #f3db68; --color-4: #fdc11a; --color-5: #f39712. 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 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