← Back to Editor

#F2E6E3 · #FFF00C · #DEAD01 · #B9B288 · #FE014E

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

#F2E6E3

Peach Pink · Linen · Cherry Blossom

HEX
#F2E6E3
RGB
rgb(242, 230, 227)
HSL
hsl(12, 37%, 92%)
HSB
hsb(12, 6%, 95%)
CMYK
cmyk(0%, 5%, 6%, 5%)
Oklch
oklch(93.4% 0.014 34.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFF00C

Autumn Sage · Yellow · Sunflower

HEX
#FFF00C
RGB
rgb(255, 240, 12)
HSL
hsl(56, 100%, 52%)
HSB
hsb(56, 95%, 100%)
CMYK
cmyk(0%, 6%, 95%, 0%)
Oklch
oklch(93.7% 0.198 105.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DEAD01

Ochre · GoldenRod · Honey Gold

HEX
#DEAD01
RGB
rgb(222, 173, 1)
HSL
hsl(47, 99%, 44%)
HSB
hsb(47, 100%, 87%)
CMYK
cmyk(0%, 22%, 100%, 13%)
Oklch
oklch(77.1% 0.157 88.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B9B288

Fresh Green · Tan · Sunflower

HEX
#B9B288
RGB
rgb(185, 178, 136)
HSL
hsl(51, 26%, 63%)
HSB
hsb(51, 26%, 73%)
CMYK
cmyk(0%, 4%, 26%, 27%)
Oklch
oklch(75.9% 0.058 99.7)

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

#FE014E

Dark Violet · Crimson · Camellia

HEX
#FE014E
RGB
rgb(254, 1, 78)
HSL
hsl(342, 99%, 50%)
HSB
hsb(342, 100%, 100%)
CMYK
cmyk(0%, 100%, 69%, 0%)
Oklch
oklch(63.3% 0.253 17.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2E6E3
E3EFF2

Analogous

F2E3E8
F2E6E3
F2EEE3

Triadic

F2E6E3
E3F2E6
E6E3F2

Split-Comp.

F2E6E3
E3F2EE
E3E8F2

Tetradic

F2E6E3
E8F2E3
E3EFF2
EEE3F2

Contrast Matrix WCAG 2.1 Contrast

F2E6E3
FFF00C
DEAD01
B9B288
FE014E
—
1.0
Fail
1.7
Fail
1.8
Fail
3.2
AA Large
1.0
Fail
—
1.8
Fail
1.8
Fail
3.3
AA Large
1.7
Fail
1.8
Fail
—
1.0
Fail
1.9
Fail
1.8
Fail
1.8
Fail
1.0
Fail
—
1.8
Fail
3.2
AA Large
3.3
AA Large
1.9
Fail
1.8
Fail
—
White BG
1.2Fail
1.2Fail
2.1Fail
2.1Fail
3.9AA Large
Black BG
17.2AAA
17.7AAA
10.1AAA
9.8AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDE4
F9F843
C9C82B
B6B692
908E3B

Deuteranopia

EEEEE4
F9FB50
CCCF35
B6B795
9FB237

Tritanopia

F1E4E4
FE6F78
DC4B53
B99A9C
F12D29

Achromatopsia

E9E9E9
DADADA
A8A8A8
AFAFAF
555555

Shades & Tints Shades & Tints

#F2E6E3

Dark
Light

#FFF00C

Dark
Light

#DEAD01

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2e6e3;
  --color-2: #fff00c;
  --color-3: #dead01;
  --color-4: #b9b288;
  --color-5: #fe014e;
}

SCSS

$color-1: #f2e6e3;
$color-2: #fff00c;
$color-3: #dead01;
$color-4: #b9b288;
$color-5: #fe014e;

TAILWIND

colors: {
  'brand-1': '#f2e6e3',
  'brand-2': '#fff00c',
  'brand-3': '#dead01',
  'brand-4': '#b9b288',
  'brand-5': '#fe014e',
}

RGB Array

[242, 230, 227], [255, 240, 12], [222, 173, 1], [185, 178, 136], [254, 1, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F2E6E3, #FFF00C, #DEAD01, #B9B288, #FE014E is ideal for: social media posters, mobile apps, e-commerce promos, 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: #f2e6e3; --color-2: #fff00c; --color-3: #dead01; --color-4: #b9b288; --color-5: #fe014e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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