← Back to Editor

#C795A1 · #C2AFA3 · #B8C3A4 · #B3CBA4 · #AFD4A5

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

#C795A1

Peach Pink · DarkGray · Coral Red

HEX
#C795A1
RGB
rgb(199, 149, 161)
HSL
hsl(346, 31%, 68%)
HSB
hsb(346, 25%, 78%)
CMYK
cmyk(0%, 25%, 19%, 22%)
Oklch
oklch(72.1% 0.062 2.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C2AFA3

Apricot · DarkGray · Warm Sun

HEX
#C2AFA3
RGB
rgb(194, 175, 163)
HSL
hsl(23, 20%, 70%)
HSB
hsb(23, 16%, 76%)
CMYK
cmyk(0%, 10%, 16%, 24%)
Oklch
oklch(76.7% 0.028 54.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#B8C3A4

Willow Green · Silver · Apple Green

HEX
#B8C3A4
RGB
rgb(184, 195, 164)
HSL
hsl(81, 21%, 70%)
HSB
hsb(81, 16%, 76%)
CMYK
cmyk(6%, 0%, 16%, 24%)
Oklch
oklch(80.0% 0.044 123.3)

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

#B3CBA4

Celadon · Silver · Apple Green

HEX
#B3CBA4
RGB
rgb(179, 203, 164)
HSL
hsl(97, 27%, 72%)
HSB
hsb(97, 19%, 80%)
CMYK
cmyk(12%, 0%, 19%, 20%)
Oklch
oklch(81.4% 0.059 133.5)

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

#AFD4A5

Celadon · Silver · Apple Green

HEX
#AFD4A5
RGB
rgb(175, 212, 165)
HSL
hsl(107, 35%, 74%)
HSB
hsb(107, 22%, 83%)
CMYK
cmyk(17%, 0%, 22%, 17%)
Oklch
oklch(83.1% 0.075 139.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C795A1
94C7BB

Analogous

C794B9
C795A1
C7A294

Triadic

C795A1
A0C794
94A0C7

Split-Comp.

C795A1
94C7A2
94B9C7

Tetradic

C795A1
B9C794
94C7BB
A294C7

Contrast Matrix WCAG 2.1 Contrast

C795A1
C2AFA3
B8C3A4
B3CBA4
AFD4A5
—
1.2
Fail
1.4
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
White BG
2.5Fail
2.1Fail
1.8Fail
1.8Fail
1.6Fail
Black BG
8.2AAA
10.0AAA
11.4AAA
12.0AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B19E
BABAA6
BDBDAC
BDBEAD
BFBFB0

Deuteranopia

B4B89D
BBBCA7
BCBBAD
BCBAB0
BDBAB3

Tritanopia

C49C9B
C1A8A9
B9B1B3
B4B5B7
B1B9BB

Achromatopsia

A5A5A5
B3B3B3
BCBCBC
BFBFBF
C4C4C4

Shades & Tints Shades & Tints

#C795A1

Dark
Light

#C2AFA3

Dark
Light

#B8C3A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c795a1;
  --color-2: #c2afa3;
  --color-3: #b8c3a4;
  --color-4: #b3cba4;
  --color-5: #afd4a5;
}

SCSS

$color-1: #c795a1;
$color-2: #c2afa3;
$color-3: #b8c3a4;
$color-4: #b3cba4;
$color-5: #afd4a5;

TAILWIND

colors: {
  'brand-1': '#c795a1',
  'brand-2': '#c2afa3',
  'brand-3': '#b8c3a4',
  'brand-4': '#b3cba4',
  'brand-5': '#afd4a5',
}

RGB Array

[199, 149, 161], [194, 175, 163], [184, 195, 164], [179, 203, 164], [175, 212, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C795A1, #C2AFA3, #B8C3A4, #B3CBA4, #AFD4A5 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: #c795a1; --color-2: #c2afa3; --color-3: #b8c3a4; --color-4: #b3cba4; --color-5: #afd4a5. 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