← Back to Editor

#E4BDA0 · #FBDEA6 · #FFB78F · #F67D8E · #C95D75

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

#E4BDA0

Apricot · BurlyWood · Peach Orange

HEX
#E4BDA0
RGB
rgb(228, 189, 160)
HSL
hsl(26, 56%, 76%)
HSB
hsb(26, 30%, 89%)
CMYK
cmyk(0%, 17%, 30%, 11%)
Oklch
oklch(82.5% 0.060 58.4)

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

#FBDEA6

Goose Yellow · Wheat · Lemon Cream

HEX
#FBDEA6
RGB
rgb(251, 222, 166)
HSL
hsl(40, 91%, 82%)
HSB
hsb(40, 34%, 98%)
CMYK
cmyk(0%, 12%, 34%, 2%)
Oklch
oklch(91.1% 0.079 83.6)

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

#FFB78F

Apricot · LightSalmon · Peach Orange

HEX
#FFB78F
RGB
rgb(255, 183, 143)
HSL
hsl(21, 100%, 78%)
HSB
hsb(21, 44%, 100%)
CMYK
cmyk(0%, 28%, 44%, 0%)
Oklch
oklch(83.8% 0.099 50.0)

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

#F67D8E

Peach Pink · LightCoral · Coral Red

HEX
#F67D8E
RGB
rgb(246, 125, 142)
HSL
hsl(352, 87%, 73%)
HSB
hsb(352, 49%, 96%)
CMYK
cmyk(0%, 49%, 42%, 4%)
Oklch
oklch(73.1% 0.148 12.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C95D75

Crimson · LightCoral · Passion Red

HEX
#C95D75
RGB
rgb(201, 93, 117)
HSL
hsl(347, 50%, 58%)
HSB
hsb(347, 54%, 79%)
CMYK
cmyk(0%, 54%, 42%, 21%)
Oklch
oklch(61.7% 0.139 8.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4BDA0
A0C6E4

Analogous

E4A0A4
E4BDA0
E4E0A0

Triadic

E4BDA0
A0E4BD
BDA0E4

Split-Comp.

E4BDA0
A0E4E0
A0A4E4

Tetradic

E4BDA0
A4E4A0
A0C6E4
E0A0E4

Contrast Matrix WCAG 2.1 Contrast

E4BDA0
FBDEA6
FFB78F
F67D8E
C95D75
—
1.3
Fail
1.0
Fail
1.5
Fail
2.3
Fail
1.3
Fail
—
1.3
Fail
2.0
Fail
3.0
AA Large
1.0
Fail
1.3
Fail
—
1.5
Fail
2.3
Fail
1.5
Fail
2.0
Fail
1.5
Fail
—
1.6
Fail
2.3
Fail
3.0
AA Large
2.3
Fail
1.6
Fail
—
White BG
1.7Fail
1.3Fail
1.7Fail
2.5Fail
4.0AA Large
Black BG
12.1AAA
16.1AAA
12.4AAA
8.2AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3A7
EEEEB4
E0DF99
C2C18A
9A996F

Deuteranopia

D5D8A9
F0F2B7
E4E99B
C9D289
A1A96E

Tritanopia

E2ADAE
FABEC1
FBA0A2
F08786
C46B6A

Achromatopsia

C5C5C5
E0E0E0
C8C8C8
A3A3A3
808080

Shades & Tints Shades & Tints

#E4BDA0

Dark
Light

#FBDEA6

Dark
Light

#FFB78F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4bda0;
  --color-2: #fbdea6;
  --color-3: #ffb78f;
  --color-4: #f67d8e;
  --color-5: #c95d75;
}

SCSS

$color-1: #e4bda0;
$color-2: #fbdea6;
$color-3: #ffb78f;
$color-4: #f67d8e;
$color-5: #c95d75;

TAILWIND

colors: {
  'brand-1': '#e4bda0',
  'brand-2': '#fbdea6',
  'brand-3': '#ffb78f',
  'brand-4': '#f67d8e',
  'brand-5': '#c95d75',
}

RGB Array

[228, 189, 160], [251, 222, 166], [255, 183, 143], [246, 125, 142], [201, 93, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E4BDA0, #FBDEA6, #FFB78F, #F67D8E, #C95D75 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: #e4bda0; --color-2: #fbdea6; --color-3: #ffb78f; --color-4: #f67d8e; --color-5: #c95d75. 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