← Back to Editor

#7A8E91 · #99FFF5 · #BBF2CD · #FCBC6D · #FF7770

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

#7A8E91

Slate Blue · LightSlateGray · Warm Gray

HEX
#7A8E91
RGB
rgb(122, 142, 145)
HSL
hsl(188, 9%, 52%)
HSB
hsb(188, 16%, 57%)
CMYK
cmyk(16%, 2%, 0%, 43%)
Oklch
oklch(63.2% 0.023 207.6)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#99FFF5

Jade · LightBlue · Glacier Blue

HEX
#99FFF5
RGB
rgb(153, 255, 245)
HSL
hsl(174, 100%, 80%)
HSB
hsb(174, 40%, 100%)
CMYK
cmyk(40%, 0%, 4%, 0%)
Oklch
oklch(93.5% 0.097 187.6)

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

#BBF2CD

Emerald · LightBlue · Mint Green

HEX
#BBF2CD
RGB
rgb(187, 242, 205)
HSL
hsl(140, 68%, 84%)
HSB
hsb(140, 23%, 95%)
CMYK
cmyk(23%, 0%, 15%, 5%)
Oklch
oklch(91.3% 0.075 155.2)

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

#FCBC6D

Goose Yellow · SandyBrown · Warm Sun

HEX
#FCBC6D
RGB
rgb(252, 188, 109)
HSL
hsl(33, 96%, 71%)
HSB
hsb(33, 57%, 99%)
CMYK
cmyk(0%, 25%, 57%, 1%)
Oklch
oklch(83.8% 0.121 70.7)

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

#FF7770

Peach Pink · Salmon · Coral Red

HEX
#FF7770
RGB
rgb(255, 119, 112)
HSL
hsl(3, 100%, 72%)
HSB
hsb(3, 56%, 100%)
CMYK
cmyk(0%, 53%, 56%, 0%)
Oklch
oklch(72.9% 0.167 25.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A8E91
907D7A

Analogous

7A9088
7A8E91
7A8290

Triadic

7A8E91
907A8D
8D907A

Split-Comp.

7A8E91
907A82
90887A

Tetradic

7A8E91
887A90
907D7A
82907A

Contrast Matrix WCAG 2.1 Contrast

7A8E91
99FFF5
BBF2CD
FCBC6D
FF7770
—
2.9
Fail
2.7
Fail
2.1
Fail
1.3
Fail
2.9
Fail
—
1.1
Fail
1.4
Fail
2.2
Fail
2.7
Fail
1.1
Fail
—
1.3
Fail
2.1
Fail
2.1
Fail
1.4
Fail
1.3
Fail
—
1.5
Fail
1.3
Fail
2.2
Fail
2.1
Fail
1.5
Fail
—
White BG
3.4AA Large
1.2Fail
1.3Fail
1.7Fail
2.6Fail
Black BG
6.1AA
18.0AAA
16.7AAA
12.6AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838390
C5C6F7
D3D3D6
E0E080
C4C372

Deuteranopia

828090
BFB8F8
D0CCD8
E4E985
CCD672

Tritanopia

7B9090
9EF9FA
BEDDDF
F98F93
F87373

Achromatopsia

888888
DFDFDF
DDDDDD
C6C6C6
9F9F9F

Shades & Tints Shades & Tints

#7A8E91

Dark
Light

#99FFF5

Dark
Light

#BBF2CD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a8e91;
  --color-2: #99fff5;
  --color-3: #bbf2cd;
  --color-4: #fcbc6d;
  --color-5: #ff7770;
}

SCSS

$color-1: #7a8e91;
$color-2: #99fff5;
$color-3: #bbf2cd;
$color-4: #fcbc6d;
$color-5: #ff7770;

TAILWIND

colors: {
  'brand-1': '#7a8e91',
  'brand-2': '#99fff5',
  'brand-3': '#bbf2cd',
  'brand-4': '#fcbc6d',
  'brand-5': '#ff7770',
}

RGB Array

[122, 142, 145], [153, 255, 245], [187, 242, 205], [252, 188, 109], [255, 119, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #7A8E91, #99FFF5, #BBF2CD, #FCBC6D, #FF7770 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: #7a8e91; --color-2: #99fff5; --color-3: #bbf2cd; --color-4: #fcbc6d; --color-5: #ff7770. 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