← Back to Editor

#F6494D · #FF8559 · #FFCE80 · #FFFFFF · #B1EBF7

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#F6494D

Peach Pink · Tomato · Coral Red

HEX
#F6494D
RGB
rgb(246, 73, 77)
HSL
hsl(359, 91%, 63%)
HSB
hsb(359, 70%, 96%)
CMYK
cmyk(0%, 70%, 69%, 4%)
Oklch
oklch(65.4% 0.209 23.9)

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

#FF8559

Apricot · Coral · Warm Sun

HEX
#FF8559
RGB
rgb(255, 133, 89)
HSL
hsl(16, 100%, 67%)
HSB
hsb(16, 65%, 100%)
CMYK
cmyk(0%, 48%, 65%, 0%)
Oklch
oklch(74.5% 0.160 40.1)

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

#FFCE80

Goose Yellow · Khaki · Warm Sun

HEX
#FFCE80
RGB
rgb(255, 206, 128)
HSL
hsl(37, 100%, 75%)
HSB
hsb(37, 50%, 100%)
CMYK
cmyk(0%, 19%, 50%, 0%)
Oklch
oklch(87.8% 0.111 78.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#B1EBF7

Sky Blue · LightBlue · Glacier Blue

HEX
#B1EBF7
RGB
rgb(177, 235, 247)
HSL
hsl(190, 81%, 83%)
HSB
hsb(190, 28%, 97%)
CMYK
cmyk(28%, 5%, 0%, 3%)
Oklch
oklch(90.4% 0.061 211.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6494D
4BF7F4

Analogous

F74BA4
F6494D
F79E4B

Triadic

F6494D
4EF74B
4B4EF7

Split-Comp.

F6494D
4BF79E
4BA4F7

Tetradic

F6494D
A4F74B
4BF7F4
9E4BF7

Contrast Matrix WCAG 2.1 Contrast

F6494D
FF8559
FFCE80
FFFFFF
B1EBF7
—
1.5
Fail
2.4
Fail
3.5
AA Large
2.7
Fail
1.5
Fail
—
1.6
Fail
2.4
Fail
1.8
Fail
2.4
Fail
1.6
Fail
—
1.5
Fail
1.1
Fail
3.5
AA Large
2.4
Fail
1.5
Fail
—
1.3
Fail
2.7
Fail
1.8
Fail
1.1
Fail
1.3
Fail
—
White BG
3.5AA Large
2.4Fail
1.5Fail
1.0Fail
1.3Fail
Black BG
6.0AA
8.8AAA
14.4AAA
21.0AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAA4C
CAC964
EAE993
FFFFFF
CACBF4

Deuteranopia

B5C24C
D1DA66
EDF097
FFFFFF
C7C2F3

Tritanopia

ED4B4B
F96C6E
FDA2A5
FFFFFF
B4F2F1

Achromatopsia

7D7D7D
A4A4A4
D4D4D4
FFFFFF
DBDBDB

Shades & Tints Shades & Tints

#F6494D

Dark
Light

#FF8559

Dark
Light

#FFCE80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6494d;
  --color-2: #ff8559;
  --color-3: #ffce80;
  --color-4: #ffffff;
  --color-5: #b1ebf7;
}

SCSS

$color-1: #f6494d;
$color-2: #ff8559;
$color-3: #ffce80;
$color-4: #ffffff;
$color-5: #b1ebf7;

TAILWIND

colors: {
  'brand-1': '#f6494d',
  'brand-2': '#ff8559',
  'brand-3': '#ffce80',
  'brand-4': '#ffffff',
  'brand-5': '#b1ebf7',
}

RGB Array

[246, 73, 77], [255, 133, 89], [255, 206, 128], [255, 255, 255], [177, 235, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F6494D, #FF8559, #FFCE80, #FFFFFF, #B1EBF7 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: #f6494d; --color-2: #ff8559; --color-3: #ffce80; --color-4: #ffffff; --color-5: #b1ebf7. 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