← Back to Editor

#F7B9D2 · #A4DAF9 · #C8F7D0 · #F3F7C8 · #A0A09F

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

#F7B9D2

Rouge · Pink · Cherry Blossom

HEX
#F7B9D2
RGB
rgb(247, 185, 210)
HSL
hsl(336, 79%, 85%)
HSB
hsb(336, 25%, 97%)
CMYK
cmyk(0%, 25%, 15%, 3%)
Oklch
oklch(84.9% 0.078 352.9)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#A4DAF9

Sky Blue · LightBlue · Sky Blue

HEX
#A4DAF9
RGB
rgb(164, 218, 249)
HSL
hsl(202, 88%, 81%)
HSB
hsb(202, 34%, 98%)
CMYK
cmyk(34%, 12%, 0%, 2%)
Oklch
oklch(86.2% 0.070 233.8)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#C8F7D0

Emerald · LightGray · Mint Green

HEX
#C8F7D0
RGB
rgb(200, 247, 208)
HSL
hsl(130, 75%, 88%)
HSB
hsb(130, 19%, 97%)
CMYK
cmyk(19%, 0%, 16%, 3%)
Oklch
oklch(93.3% 0.071 149.8)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#F3F7C8

Fresh Green · Beige · Lemon Cream

HEX
#F3F7C8
RGB
rgb(243, 247, 200)
HSL
hsl(65, 75%, 88%)
HSB
hsb(65, 19%, 97%)
CMYK
cmyk(2%, 0%, 19%, 3%)
Oklch
oklch(96.1% 0.061 111.5)

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

#A0A09F

Ash · DarkGray · Silver Sand

HEX
#A0A09F
RGB
rgb(160, 160, 159)
HSL
hsl(60, 1%, 63%)
HSB
hsb(60, 1%, 63%)
CMYK
cmyk(0%, 0%, 1%, 37%)
Oklch
oklch(70.5% 0.001 106.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7B9D2
BBF7DF

Analogous

F7BBF1
F7B9D2
F7C1BB

Triadic

F7B9D2
D3F7BB
BBD3F7

Split-Comp.

F7B9D2
BBF7C1
BBF1F7

Tetradic

F7B9D2
F1F7BB
BBF7DF
C1BBF7

Contrast Matrix WCAG 2.1 Contrast

F7B9D2
A4DAF9
C8F7D0
F3F7C8
A0A09F
—
1.1
Fail
1.4
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
2.2
Fail
1.5
Fail
1.4
Fail
1.1
Fail
—
2.4
Fail
1.6
Fail
1.7
Fail
2.2
Fail
2.4
Fail
—
White BG
1.6Fail
1.5Fail
1.2Fail
1.1Fail
2.6Fail
Black BG
12.8AAA
14.0AAA
17.7AAA
18.9AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCCC
BBBCF1
DCDDD9
F5F5D3
A0A09F

Deuteranopia

E0E4CB
B8B4F0
DAD6DC
F5F4D6
A0A09F

Tritanopia

F4C7C6
A7ECEA
CAE1E3
F3DCDE
A09F9F

Achromatopsia

CECECE
CDCDCD
E5E5E5
F0F0F0
A0A0A0

Shades & Tints Shades & Tints

#F7B9D2

Dark
Light

#A4DAF9

Dark
Light

#C8F7D0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7b9d2;
  --color-2: #a4daf9;
  --color-3: #c8f7d0;
  --color-4: #f3f7c8;
  --color-5: #a0a09f;
}

SCSS

$color-1: #f7b9d2;
$color-2: #a4daf9;
$color-3: #c8f7d0;
$color-4: #f3f7c8;
$color-5: #a0a09f;

TAILWIND

colors: {
  'brand-1': '#f7b9d2',
  'brand-2': '#a4daf9',
  'brand-3': '#c8f7d0',
  'brand-4': '#f3f7c8',
  'brand-5': '#a0a09f',
}

RGB Array

[247, 185, 210], [164, 218, 249], [200, 247, 208], [243, 247, 200], [160, 160, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F7B9D2, #A4DAF9, #C8F7D0, #F3F7C8, #A0A09F 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: #f7b9d2; --color-2: #a4daf9; --color-3: #c8f7d0; --color-4: #f3f7c8; --color-5: #a0a09f. 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