← Back to Editor

#FCE390 · #FF7B3B · #5B2F24 · #ECE5DF · #F5BA90

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 PostIllustrationData Visualization

Color Details Color Details

#FCE390

Goose Yellow · Khaki · Lemon Cream

HEX
#FCE390
RGB
rgb(252, 227, 144)
HSL
hsl(46, 95%, 78%)
HSB
hsb(46, 43%, 99%)
CMYK
cmyk(0%, 10%, 43%, 1%)
Oklch
oklch(91.8% 0.106 93.2)

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

#FF7B3B

Apricot · Coral · Warm Sun

HEX
#FF7B3B
RGB
rgb(255, 123, 59)
HSL
hsl(20, 100%, 62%)
HSB
hsb(20, 77%, 100%)
CMYK
cmyk(0%, 52%, 77%, 0%)
Oklch
oklch(72.7% 0.178 44.1)

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

#5B2F24

Crimson · DarkOliveGreen · Wine Red

HEX
#5B2F24
RGB
rgb(91, 47, 36)
HSL
hsl(12, 43%, 25%)
HSB
hsb(12, 60%, 36%)
CMYK
cmyk(0%, 48%, 60%, 64%)
Oklch
oklch(36.0% 0.067 35.0)

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

#ECE5DF

Apricot · Beige · Peach Orange

HEX
#ECE5DF
RGB
rgb(236, 229, 223)
HSL
hsl(28, 25%, 90%)
HSB
hsb(28, 6%, 93%)
CMYK
cmyk(0%, 3%, 6%, 7%)
Oklch
oklch(92.6% 0.011 63.4)

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

#F5BA90

Apricot · BurlyWood · Peach Orange

HEX
#F5BA90
RGB
rgb(245, 186, 144)
HSL
hsl(25, 83%, 76%)
HSB
hsb(25, 41%, 96%)
CMYK
cmyk(0%, 24%, 41%, 4%)
Oklch
oklch(83.3% 0.088 56.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCE390
92AAFC

Analogous

FCAE92
FCE390
E0FC92

Triadic

FCE390
92FCE3
E392FC

Split-Comp.

FCE390
92E0FC
AE92FC

Tetradic

FCE390
92FCAE
92AAFC
FC92E0

Contrast Matrix WCAG 2.1 Contrast

FCE390
FF7B3B
5B2F24
ECE5DF
F5BA90
—
2.0
Fail
8.8
AAA
1.0
Fail
1.3
Fail
2.0
Fail
—
4.3
AA Large
2.1
Fail
1.5
Fail
8.8
AAA
4.3
AA Large
—
9.0
AAA
6.6
AA
1.0
Fail
2.1
Fail
9.0
AAA
—
1.4
Fail
1.3
Fail
1.5
Fail
6.6
AA
1.4
Fail
—
White BG
1.3Fail
2.6Fail
11.2AAA
1.2Fail
1.7Fail
Black BG
16.5AAA
8.1AAA
1.9Fail
16.8AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1A4
C6C54A
484827
E9E9E0
DBDB9A

Deuteranopia

F3F4A9
CED74E
4B4E27
E9EAE1
DFE39D

Tritanopia

FBB4B7
F85759
592929
ECE2E2
F2A2A4

Achromatopsia

E1E1E1
9B9B9B
3B3B3B
E6E6E6
C7C7C7

Shades & Tints Shades & Tints

#FCE390

Dark
Light

#FF7B3B

Dark
Light

#5B2F24

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fce390;
  --color-2: #ff7b3b;
  --color-3: #5b2f24;
  --color-4: #ece5df;
  --color-5: #f5ba90;
}

SCSS

$color-1: #fce390;
$color-2: #ff7b3b;
$color-3: #5b2f24;
$color-4: #ece5df;
$color-5: #f5ba90;

TAILWIND

colors: {
  'brand-1': '#fce390',
  'brand-2': '#ff7b3b',
  'brand-3': '#5b2f24',
  'brand-4': '#ece5df',
  'brand-5': '#f5ba90',
}

RGB Array

[252, 227, 144], [255, 123, 59], [91, 47, 36], [236, 229, 223], [245, 186, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FCE390, #FF7B3B, #5B2F24, #ECE5DF, #F5BA90 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fce390; --color-2: #ff7b3b; --color-3: #5b2f24; --color-4: #ece5df; --color-5: #f5ba90. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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