← Back to Editor

#FC0F2C · #F77643 · #ECBC6A · #E4E090 · #D0DFBB

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

#FC0F2C

Vermilion · Crimson · Passion Red

HEX
#FC0F2C
RGB
rgb(252, 15, 44)
HSL
hsl(353, 98%, 52%)
HSB
hsb(353, 94%, 99%)
CMYK
cmyk(0%, 94%, 83%, 1%)
Oklch
oklch(62.7% 0.250 25.3)

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

#F77643

Apricot · Coral · Warm Sun

HEX
#F77643
RGB
rgb(247, 118, 67)
HSL
hsl(17, 92%, 62%)
HSB
hsb(17, 73%, 97%)
CMYK
cmyk(0%, 52%, 73%, 3%)
Oklch
oklch(70.9% 0.171 41.1)

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

#ECBC6A

Ginger · SandyBrown · Warm Sun

HEX
#ECBC6A
RGB
rgb(236, 188, 106)
HSL
hsl(38, 77%, 67%)
HSB
hsb(38, 55%, 93%)
CMYK
cmyk(0%, 20%, 55%, 7%)
Oklch
oklch(82.1% 0.114 79.5)

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

#E4E090

Fresh Green · Khaki · Sunflower

HEX
#E4E090
RGB
rgb(228, 224, 144)
HSL
hsl(57, 61%, 73%)
HSB
hsb(57, 37%, 89%)
CMYK
cmyk(0%, 2%, 37%, 11%)
Oklch
oklch(89.2% 0.101 105.8)

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

#D0DFBB

Willow Green · LightGray · Apple Green

HEX
#D0DFBB
RGB
rgb(208, 223, 187)
HSL
hsl(85, 36%, 80%)
HSB
hsb(85, 16%, 87%)
CMYK
cmyk(7%, 0%, 16%, 13%)
Oklch
oklch(88.3% 0.051 125.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC0F2C
0DFDE1

Analogous

FD0DA1
FC0F2C
FD690D

Triadic

FC0F2C
29FD0D
0D29FD

Split-Comp.

FC0F2C
0DFD69
0DA1FD

Tetradic

FC0F2C
A1FD0D
0DFDE1
690DFD

Contrast Matrix WCAG 2.1 Contrast

FC0F2C
F77643
ECBC6A
E4E090
D0DFBB
—
1.5
Fail
2.3
Fail
2.9
Fail
2.9
Fail
1.5
Fail
—
1.6
Fail
2.0
Fail
2.0
Fail
2.3
Fail
1.6
Fail
—
1.3
Fail
1.2
Fail
2.9
Fail
2.0
Fail
1.3
Fail
—
1.0
Fail
2.9
Fail
2.0
Fail
1.2
Fail
1.0
Fail
—
White BG
4.0AA Large
2.8Fail
1.8Fail
1.4Fail
1.4Fail
Black BG
5.2AA
7.6AAA
12.0AAA
15.4AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

959325
BFBE4F
D7D77E
E2E2A3
D6D7C4

Deuteranopia

A3B523
C7D052
DADE83
E3E3A8
D6D5C6

Tritanopia

F01F1E
F1595B
EA8E91
E4B3B6
D1CBCC

Achromatopsia

595959
979797
C1C1C1
D8D8D8
D6D6D6

Shades & Tints Shades & Tints

#FC0F2C

Dark
Light

#F77643

Dark
Light

#ECBC6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc0f2c;
  --color-2: #f77643;
  --color-3: #ecbc6a;
  --color-4: #e4e090;
  --color-5: #d0dfbb;
}

SCSS

$color-1: #fc0f2c;
$color-2: #f77643;
$color-3: #ecbc6a;
$color-4: #e4e090;
$color-5: #d0dfbb;

TAILWIND

colors: {
  'brand-1': '#fc0f2c',
  'brand-2': '#f77643',
  'brand-3': '#ecbc6a',
  'brand-4': '#e4e090',
  'brand-5': '#d0dfbb',
}

RGB Array

[252, 15, 44], [247, 118, 67], [236, 188, 106], [228, 224, 144], [208, 223, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FC0F2C, #F77643, #ECBC6A, #E4E090, #D0DFBB 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: #fc0f2c; --color-2: #f77643; --color-3: #ecbc6a; --color-4: #e4e090; --color-5: #d0dfbb. 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