← Back to Editor

#FF726B · #E4A480 · #D7B89C · #DEDAB2 · #EDE0A6

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

#FF726B

Peach Pink · Salmon · Coral Red

HEX
#FF726B
RGB
rgb(255, 114, 107)
HSL
hsl(3, 100%, 71%)
HSB
hsb(3, 58%, 100%)
CMYK
cmyk(0%, 55%, 58%, 0%)
Oklch
oklch(72.1% 0.174 25.2)

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

#E4A480

Apricot · DarkSalmon · Warm Sun

HEX
#E4A480
RGB
rgb(228, 164, 128)
HSL
hsl(22, 65%, 70%)
HSB
hsb(22, 44%, 89%)
CMYK
cmyk(0%, 28%, 44%, 11%)
Oklch
oklch(77.1% 0.091 50.3)

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

#D7B89C

Apricot · Tan · Warm Sun

HEX
#D7B89C
RGB
rgb(215, 184, 156)
HSL
hsl(28, 42%, 73%)
HSB
hsb(28, 27%, 84%)
CMYK
cmyk(0%, 14%, 27%, 16%)
Oklch
oklch(80.2% 0.052 64.1)

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

#DEDAB2

Fresh Green · Wheat · Lemon Cream

HEX
#DEDAB2
RGB
rgb(222, 218, 178)
HSL
hsl(55, 40%, 78%)
HSB
hsb(55, 20%, 87%)
CMYK
cmyk(0%, 2%, 20%, 13%)
Oklch
oklch(88.1% 0.053 102.7)

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

#EDE0A6

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE0A6
RGB
rgb(237, 224, 166)
HSL
hsl(49, 66%, 79%)
HSB
hsb(49, 30%, 93%)
CMYK
cmyk(0%, 5%, 30%, 7%)
Oklch
oklch(90.3% 0.076 97.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF726B
6BF8FF

Analogous

FF6BAE
FF726B
FFBC6B

Triadic

FF726B
6BFF72
726BFF

Split-Comp.

FF726B
6BFFBC
6BAEFF

Tetradic

FF726B
AEFF6B
6BF8FF
BC6BFF

Contrast Matrix WCAG 2.1 Contrast

FF726B
E4A480
D7B89C
DEDAB2
EDE0A6
—
1.3
Fail
1.4
Fail
1.9
Fail
2.0
Fail
1.3
Fail
—
1.1
Fail
1.5
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
2.0
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
White BG
2.7Fail
2.1Fail
1.9Fail
1.4Fail
1.3Fail
Black BG
7.9AAA
9.9AAA
11.2AAA
14.8AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C16D
C8C889
CAC9A3
DCDCBC
E7E7B4

Deuteranopia

CAD56D
CCD18B
CBCEA4
DDDDBE
E8E9B7

Tritanopia

F86E6E
E19091
D5A8A9
DEC3C5
ECBFC2

Achromatopsia

9B9B9B
B3B3B3
BEBEBE
D7D7D7
DDDDDD

Shades & Tints Shades & Tints

#FF726B

Dark
Light

#E4A480

Dark
Light

#D7B89C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff726b;
  --color-2: #e4a480;
  --color-3: #d7b89c;
  --color-4: #dedab2;
  --color-5: #ede0a6;
}

SCSS

$color-1: #ff726b;
$color-2: #e4a480;
$color-3: #d7b89c;
$color-4: #dedab2;
$color-5: #ede0a6;

TAILWIND

colors: {
  'brand-1': '#ff726b',
  'brand-2': '#e4a480',
  'brand-3': '#d7b89c',
  'brand-4': '#dedab2',
  'brand-5': '#ede0a6',
}

RGB Array

[255, 114, 107], [228, 164, 128], [215, 184, 156], [222, 218, 178], [237, 224, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FF726B, #E4A480, #D7B89C, #DEDAB2, #EDE0A6 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: #ff726b; --color-2: #e4a480; --color-3: #d7b89c; --color-4: #dedab2; --color-5: #ede0a6. 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