← Back to Editor

#756F88 · #9D9EB9 · #A5C5C8 · #CDD6CD · #F1E1CA

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

#756F88

Deep Indigo · SlateGray · Navy Blue

HEX
#756F88
RGB
rgb(117, 111, 136)
HSL
hsl(254, 10%, 48%)
HSB
hsb(254, 18%, 53%)
CMYK
cmyk(14%, 18%, 0%, 47%)
Oklch
oklch(55.6% 0.039 296.1)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#9D9EB9

Azure · DarkGray · Cobalt Blue

HEX
#9D9EB9
RGB
rgb(157, 158, 185)
HSL
hsl(238, 17%, 67%)
HSB
hsb(238, 15%, 73%)
CMYK
cmyk(15%, 15%, 0%, 27%)
Oklch
oklch(70.7% 0.039 283.7)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#A5C5C8

Sky Blue · LightSteelBlue · Lake Green

HEX
#A5C5C8
RGB
rgb(165, 197, 200)
HSL
hsl(185, 24%, 72%)
HSB
hsb(185, 17%, 78%)
CMYK
cmyk(17%, 1%, 0%, 22%)
Oklch
oklch(80.1% 0.035 203.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#CDD6CD

Celadon · LightGray · Mint Green

HEX
#CDD6CD
RGB
rgb(205, 214, 205)
HSL
hsl(120, 10%, 82%)
HSB
hsb(120, 4%, 84%)
CMYK
cmyk(4%, 0%, 4%, 16%)
Oklch
oklch(86.7% 0.016 145.4)

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

#F1E1CA

Goose Yellow · Bisque · Peach Orange

HEX
#F1E1CA
RGB
rgb(241, 225, 202)
HSL
hsl(35, 58%, 87%)
HSB
hsb(35, 16%, 95%)
CMYK
cmyk(0%, 7%, 16%, 5%)
Oklch
oklch(91.7% 0.035 77.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

756F88
81876E

Analogous

6E7587
756F88
806E87

Triadic

756F88
87746E
6E8774

Split-Comp.

756F88
87806E
75876E

Tetradic

756F88
876E75
81876E
6E8780

Contrast Matrix WCAG 2.1 Contrast

756F88
9D9EB9
A5C5C8
CDD6CD
F1E1CA
—
1.8
Fail
2.6
Fail
3.2
AA Large
3.7
AA Large
1.8
Fail
—
1.4
Fail
1.8
Fail
2.0
Fail
2.6
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
3.2
AA Large
1.8
Fail
1.2
Fail
—
1.2
Fail
3.7
AA Large
2.0
Fail
1.4
Fail
1.2
Fail
—
White BG
4.8AA
2.6Fail
1.8Fail
1.5Fail
1.3Fail
Black BG
4.4AA Large
8.0AAA
11.4AAA
14.1AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

727282
9D9DB2
B3B3C7
D1D1CF
EAEAD0

Deuteranopia

737381
9D9DB1
B1AFC7
D0D0D0
EBECD1

Tritanopia

757D7C
9DADAC
A7C7C7
CDD1D1
F0D4D5

Achromatopsia

747474
A1A1A1
BCBCBC
D2D2D2
E3E3E3

Shades & Tints Shades & Tints

#756F88

Dark
Light

#9D9EB9

Dark
Light

#A5C5C8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #756f88;
  --color-2: #9d9eb9;
  --color-3: #a5c5c8;
  --color-4: #cdd6cd;
  --color-5: #f1e1ca;
}

SCSS

$color-1: #756f88;
$color-2: #9d9eb9;
$color-3: #a5c5c8;
$color-4: #cdd6cd;
$color-5: #f1e1ca;

TAILWIND

colors: {
  'brand-1': '#756f88',
  'brand-2': '#9d9eb9',
  'brand-3': '#a5c5c8',
  'brand-4': '#cdd6cd',
  'brand-5': '#f1e1ca',
}

RGB Array

[117, 111, 136], [157, 158, 185], [165, 197, 200], [205, 214, 205], [241, 225, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #756F88, #9D9EB9, #A5C5C8, #CDD6CD, #F1E1CA 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: #756f88; --color-2: #9d9eb9; --color-3: #a5c5c8; --color-4: #cdd6cd; --color-5: #f1e1ca. 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