← Back to Editor

#CBA197 · #909C85 · #579A77 · #AFC9AA · #C8CDB5

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#CBA197

Peach Pink · Tan · Coral Red

HEX
#CBA197
RGB
rgb(203, 161, 151)
HSL
hsl(12, 33%, 69%)
HSB
hsb(12, 26%, 80%)
CMYK
cmyk(0%, 21%, 26%, 20%)
Oklch
oklch(74.5% 0.052 33.7)

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

#909C85

Celadon · Gray · Olive Green

HEX
#909C85
RGB
rgb(144, 156, 133)
HSL
hsl(91, 10%, 57%)
HSB
hsb(91, 15%, 61%)
CMYK
cmyk(8%, 0%, 15%, 39%)
Oklch
oklch(67.7% 0.036 129.9)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#579A77

Celadon · MediumSeaGreen · Olive Green

HEX
#579A77
RGB
rgb(87, 154, 119)
HSL
hsl(149, 28%, 47%)
HSB
hsb(149, 44%, 60%)
CMYK
cmyk(44%, 0%, 23%, 40%)
Oklch
oklch(63.2% 0.087 159.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#AFC9AA

Celadon · Silver · Apple Green

HEX
#AFC9AA
RGB
rgb(175, 201, 170)
HSL
hsl(110, 22%, 73%)
HSB
hsb(110, 15%, 79%)
CMYK
cmyk(13%, 0%, 15%, 21%)
Oklch
oklch(80.8% 0.051 140.6)

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

#C8CDB5

Willow Green · Silver · Apple Green

HEX
#C8CDB5
RGB
rgb(200, 205, 181)
HSL
hsl(73, 19%, 76%)
HSB
hsb(73, 12%, 80%)
CMYK
cmyk(2%, 0%, 12%, 20%)
Oklch
oklch(83.8% 0.033 116.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBA197
96C0CA

Analogous

CA96A6
CBA197
CABA96

Triadic

CBA197
96CAA0
A096CA

Split-Comp.

CBA197
96CABA
96A6CA

Tetradic

CBA197
A6CA96
96C0CA
BA96CA

Contrast Matrix WCAG 2.1 Contrast

CBA197
909C85
579A77
AFC9AA
C8CDB5
—
1.2
Fail
1.4
Fail
1.3
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
1.9
Fail
2.0
Fail
1.3
Fail
1.6
Fail
1.9
Fail
—
1.1
Fail
1.4
Fail
1.8
Fail
2.0
Fail
1.1
Fail
—
White BG
2.3Fail
2.9Fail
3.3AA Large
1.8Fail
1.6Fail
Black BG
9.1AAA
7.3AAA
6.3AA
11.8AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B899
95958B
74757F
BABAB2
CACABB

Deuteranopia

BBBE9A
95948C
706B82
B9B7B3
CACABC

Tritanopia

C99B9C
918F90
5A8688
B0B7B9
C8BFC0

Achromatopsia

ACACAC
969696
828282
BEBEBE
C9C9C9

Shades & Tints Shades & Tints

#CBA197

Dark
Light

#909C85

Dark
Light

#579A77

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cba197;
  --color-2: #909c85;
  --color-3: #579a77;
  --color-4: #afc9aa;
  --color-5: #c8cdb5;
}

SCSS

$color-1: #cba197;
$color-2: #909c85;
$color-3: #579a77;
$color-4: #afc9aa;
$color-5: #c8cdb5;

TAILWIND

colors: {
  'brand-1': '#cba197',
  'brand-2': '#909c85',
  'brand-3': '#579a77',
  'brand-4': '#afc9aa',
  'brand-5': '#c8cdb5',
}

RGB Array

[203, 161, 151], [144, 156, 133], [87, 154, 119], [175, 201, 170], [200, 205, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CBA197, #909C85, #579A77, #AFC9AA, #C8CDB5 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: #cba197; --color-2: #909c85; --color-3: #579a77; --color-4: #afc9aa; --color-5: #c8cdb5. 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