← Back to Editor

#B3D1C1 · #9FCCBF · #8EBFBE · #7FA5B0 · #7B95AB

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#B3D1C1

Celadon · Silver · Apple Green

HEX
#B3D1C1
RGB
rgb(179, 209, 193)
HSL
hsl(148, 25%, 76%)
HSB
hsb(148, 14%, 82%)
CMYK
cmyk(14%, 0%, 8%, 18%)
Oklch
oklch(83.4% 0.039 162.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#9FCCBF

Jade · Silver · Lake Green

HEX
#9FCCBF
RGB
rgb(159, 204, 191)
HSL
hsl(163, 31%, 71%)
HSB
hsb(163, 22%, 80%)
CMYK
cmyk(22%, 0%, 6%, 20%)
Oklch
oklch(80.9% 0.051 175.4)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#8EBFBE

Jade · DarkGray · Lake Green

HEX
#8EBFBE
RGB
rgb(142, 191, 190)
HSL
hsl(179, 28%, 65%)
HSB
hsb(179, 26%, 75%)
CMYK
cmyk(26%, 0%, 1%, 25%)
Oklch
oklch(77.0% 0.051 194.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#7FA5B0

Slate Blue · CadetBlue · Lake Green

HEX
#7FA5B0
RGB
rgb(127, 165, 176)
HSL
hsl(193, 24%, 59%)
HSB
hsb(193, 28%, 69%)
CMYK
cmyk(28%, 6%, 0%, 31%)
Oklch
oklch(69.8% 0.044 217.4)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#7B95AB

Slate Blue · LightSlateGray · Navy Blue

HEX
#7B95AB
RGB
rgb(123, 149, 171)
HSL
hsl(207, 22%, 58%)
HSB
hsb(207, 28%, 67%)
CMYK
cmyk(28%, 13%, 0%, 33%)
Oklch
oklch(65.8% 0.044 244.0)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3D1C1
D1B3C3

Analogous

B4D1B3
B3D1C1
B3D1D0

Triadic

B3D1C1
C1B3D1
D1C1B3

Split-Comp.

B3D1C1
D0B3D1
D1B3B4

Tetradic

B3D1C1
B3B4D1
D1B3C3
D1D0B3

Contrast Matrix WCAG 2.1 Contrast

B3D1C1
9FCCBF
8EBFBE
7FA5B0
7B95AB
—
1.1
Fail
1.2
Fail
1.6
Fail
1.9
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.8
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.6
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.9
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
1.6Fail
1.8Fail
2.0Fail
2.7Fail
3.1AA Large
Black BG
12.8AAA
11.9AAA
10.3AAA
7.9AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0C5
B2B3C2
A3A4BE
8F90AD
8686A6

Deuteranopia

BEBCC6
B0ADC3
A09DBE
8D8AAD
8583A4

Tritanopia

B4C8C9
A1C5C5
90BEBE
81ABAB
7CA1A1

Achromatopsia

C6C6C6
BDBDBD
B0B0B0
9B9B9B
909090

Shades & Tints Shades & Tints

#B3D1C1

Dark
Light

#9FCCBF

Dark
Light

#8EBFBE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3d1c1;
  --color-2: #9fccbf;
  --color-3: #8ebfbe;
  --color-4: #7fa5b0;
  --color-5: #7b95ab;
}

SCSS

$color-1: #b3d1c1;
$color-2: #9fccbf;
$color-3: #8ebfbe;
$color-4: #7fa5b0;
$color-5: #7b95ab;

TAILWIND

colors: {
  'brand-1': '#b3d1c1',
  'brand-2': '#9fccbf',
  'brand-3': '#8ebfbe',
  'brand-4': '#7fa5b0',
  'brand-5': '#7b95ab',
}

RGB Array

[179, 209, 193], [159, 204, 191], [142, 191, 190], [127, 165, 176], [123, 149, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B3D1C1, #9FCCBF, #8EBFBE, #7FA5B0, #7B95AB is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b3d1c1; --color-2: #9fccbf; --color-3: #8ebfbe; --color-4: #7fa5b0; --color-5: #7b95ab. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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