← Back to Editor

#F7F3D5 · #FFDABF · #FA9B9B · #E88087 · #635063

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

#F7F3D5

Fresh Green · Beige · Lemon Cream

HEX
#F7F3D5
RGB
rgb(247, 243, 213)
HSL
hsl(53, 68%, 90%)
HSB
hsb(53, 14%, 97%)
CMYK
cmyk(0%, 2%, 14%, 3%)
Oklch
oklch(95.9% 0.039 100.9)

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

#FFDABF

Apricot · Bisque · Peach Orange

HEX
#FFDABF
RGB
rgb(255, 218, 191)
HSL
hsl(25, 100%, 87%)
HSB
hsb(25, 25%, 100%)
CMYK
cmyk(0%, 15%, 25%, 0%)
Oklch
oklch(91.3% 0.055 58.1)

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

#FA9B9B

Peach Pink · LightSalmon · Coral Red

HEX
#FA9B9B
RGB
rgb(250, 155, 155)
HSL
hsl(0, 90%, 79%)
HSB
hsb(0, 38%, 98%)
CMYK
cmyk(0%, 38%, 38%, 2%)
Oklch
oklch(78.6% 0.114 19.9)

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

#E88087

Peach Pink · LightCoral · Coral Red

HEX
#E88087
RGB
rgb(232, 128, 135)
HSL
hsl(356, 69%, 71%)
HSB
hsb(356, 45%, 91%)
CMYK
cmyk(0%, 45%, 42%, 9%)
Oklch
oklch(71.6% 0.128 16.5)

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

#635063

Rose Purple · DimGray · Eggplant

HEX
#635063
RGB
rgb(99, 80, 99)
HSL
hsl(300, 11%, 35%)
HSB
hsb(300, 19%, 39%)
CMYK
cmyk(0%, 19%, 0%, 61%)
Oklch
oklch(45.7% 0.039 326.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7F3D5
D4D8F7

Analogous

F7E1D4
F7F3D5
EAF7D4

Triadic

F7F3D5
D4F7F3
F3D4F7

Split-Comp.

F7F3D5
D4EAF7
E1D4F7

Tetradic

F7F3D5
D4F7E1
D4D8F7
F7D4EA

Contrast Matrix WCAG 2.1 Contrast

F7F3D5
FFDABF
FA9B9B
E88087
635063
—
1.2
Fail
1.8
Fail
2.4
Fail
6.6
AA
1.2
Fail
—
1.6
Fail
2.0
Fail
5.6
AA
1.8
Fail
1.6
Fail
—
1.3
Fail
3.6
AA Large
2.4
Fail
2.0
Fail
1.3
Fail
—
2.8
Fail
6.6
AA
5.6
AA
3.6
AA Large
2.8
Fail
—
White BG
1.1Fail
1.3Fail
2.1Fail
2.7Fail
7.3AAA
Black BG
18.7AAA
16.0AAA
10.2AAA
7.9AAA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5DC
EFEFC6
D1D09B
BBBA85
5B5B5E

Deuteranopia

F6F6DE
F1F4C7
D6DE9B
C1C985
5C5D5D

Tritanopia

F7E2E3
FDCBCC
F59B9B
E38484
625B5A

Achromatopsia

F1F1F1
E2E2E2
B7B7B7
A0A0A0
585858

Shades & Tints Shades & Tints

#F7F3D5

Dark
Light

#FFDABF

Dark
Light

#FA9B9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7f3d5;
  --color-2: #ffdabf;
  --color-3: #fa9b9b;
  --color-4: #e88087;
  --color-5: #635063;
}

SCSS

$color-1: #f7f3d5;
$color-2: #ffdabf;
$color-3: #fa9b9b;
$color-4: #e88087;
$color-5: #635063;

TAILWIND

colors: {
  'brand-1': '#f7f3d5',
  'brand-2': '#ffdabf',
  'brand-3': '#fa9b9b',
  'brand-4': '#e88087',
  'brand-5': '#635063',
}

RGB Array

[247, 243, 213], [255, 218, 191], [250, 155, 155], [232, 128, 135], [99, 80, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F7F3D5, #FFDABF, #FA9B9B, #E88087, #635063 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: #f7f3d5; --color-2: #ffdabf; --color-3: #fa9b9b; --color-4: #e88087; --color-5: #635063. 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