← Back to Editor

#C0E3B4 · #9BCAAD · #79A49C · #6B7793 · #7C6289

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

#C0E3B4

Celadon · Silver · Apple Green

HEX
#C0E3B4
RGB
rgb(192, 227, 180)
HSL
hsl(105, 46%, 80%)
HSB
hsb(105, 21%, 89%)
CMYK
cmyk(15%, 0%, 21%, 11%)
Oklch
oklch(87.8% 0.073 137.8)

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

#9BCAAD

Celadon · DarkSeaGreen · Apple Green

HEX
#9BCAAD
RGB
rgb(155, 202, 173)
HSL
hsl(143, 31%, 70%)
HSB
hsb(143, 23%, 79%)
CMYK
cmyk(23%, 0%, 14%, 21%)
Oklch
oklch(79.8% 0.064 157.5)

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

#79A49C

Mineral Blue · CadetBlue · Lake Green

HEX
#79A49C
RGB
rgb(121, 164, 156)
HSL
hsl(169, 19%, 56%)
HSB
hsb(169, 26%, 64%)
CMYK
cmyk(26%, 0%, 5%, 36%)
Oklch
oklch(68.5% 0.048 182.1)

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

#6B7793

Indigo · SlateGray · Navy Blue

HEX
#6B7793
RGB
rgb(107, 119, 147)
HSL
hsl(222, 16%, 50%)
HSB
hsb(222, 27%, 58%)
CMYK
cmyk(27%, 19%, 0%, 42%)
Oklch
oklch(57.0% 0.046 266.8)

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

#7C6289

Dark Plum · Gray · Violet

HEX
#7C6289
RGB
rgb(124, 98, 137)
HSL
hsl(280, 17%, 46%)
HSB
hsb(280, 28%, 54%)
CMYK
cmyk(9%, 28%, 0%, 46%)
Oklch
oklch(53.6% 0.067 314.2)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0E3B4
D8B5E3

Analogous

D8E3B5
C0E3B4
B5E3C0

Triadic

C0E3B4
B5C0E3
E3B5C0

Split-Comp.

C0E3B4
C0B5E3
E3B5D8

Tetradic

C0E3B4
B5D8E3
D8B5E3
E3C0B5

Contrast Matrix WCAG 2.1 Contrast

C0E3B4
9BCAAD
79A49C
6B7793
7C6289
—
1.3
Fail
2.0
Fail
3.2
AA Large
3.8
AA Large
1.3
Fail
—
1.5
Fail
2.4
Fail
2.9
Fail
2.0
Fail
1.5
Fail
—
1.6
Fail
1.9
Fail
3.2
AA Large
2.4
Fail
1.6
Fail
—
1.2
Fail
3.8
AA Large
2.9
Fail
1.9
Fail
1.2
Fail
—
White BG
1.4Fail
1.8Fail
2.8Fail
4.5AA Large
5.3AA
Black BG
14.9AAA
11.4AAA
7.6AAA
4.7AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFBF
AFB0B4
8C8C9E
70708C
717180

Deuteranopia

CDCAC2
ADA9B6
89869E
706F8B
72747D

Tritanopia

C2C8CA
9DBABB
7B9FA0
6C8786
7B7876

Achromatopsia

D3D3D3
B9B9B9
969696
777777
6E6E6E

Shades & Tints Shades & Tints

#C0E3B4

Dark
Light

#9BCAAD

Dark
Light

#79A49C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0e3b4;
  --color-2: #9bcaad;
  --color-3: #79a49c;
  --color-4: #6b7793;
  --color-5: #7c6289;
}

SCSS

$color-1: #c0e3b4;
$color-2: #9bcaad;
$color-3: #79a49c;
$color-4: #6b7793;
$color-5: #7c6289;

TAILWIND

colors: {
  'brand-1': '#c0e3b4',
  'brand-2': '#9bcaad',
  'brand-3': '#79a49c',
  'brand-4': '#6b7793',
  'brand-5': '#7c6289',
}

RGB Array

[192, 227, 180], [155, 202, 173], [121, 164, 156], [107, 119, 147], [124, 98, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C0E3B4, #9BCAAD, #79A49C, #6B7793, #7C6289 is ideal for: brand design, premium product pages, magazine layouts. 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: #c0e3b4; --color-2: #9bcaad; --color-3: #79a49c; --color-4: #6b7793; --color-5: #7c6289. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco 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