← Back to Editor

#FFB9B5 · #C2A9BE · #C4A493 · #797A5E · #666065

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 PostIllustrationData Visualization

Color Details Color Details

#FFB9B5

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB9B5
RGB
rgb(255, 185, 181)
HSL
hsl(3, 100%, 85%)
HSB
hsb(3, 29%, 100%)
CMYK
cmyk(0%, 27%, 29%, 0%)
Oklch
oklch(85.0% 0.082 22.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C2A9BE

Mauve · Silver · Lilac Purple

HEX
#C2A9BE
RGB
rgb(194, 169, 190)
HSL
hsl(310, 17%, 71%)
HSB
hsb(310, 13%, 76%)
CMYK
cmyk(0%, 13%, 2%, 24%)
Oklch
oklch(76.3% 0.041 331.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#C4A493

Apricot · Tan · Warm Sun

HEX
#C4A493
RGB
rgb(196, 164, 147)
HSL
hsl(21, 29%, 67%)
HSB
hsb(21, 25%, 77%)
CMYK
cmyk(0%, 16%, 25%, 23%)
Oklch
oklch(74.3% 0.045 49.6)

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

#797A5E

Autumn Sage · DimGray · Honey Gold

HEX
#797A5E
RGB
rgb(121, 122, 94)
HSL
hsl(62, 13%, 42%)
HSB
hsb(62, 23%, 48%)
CMYK
cmyk(1%, 0%, 23%, 52%)
Oklch
oklch(57.1% 0.041 109.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#666065

Ink Gray · DimGray · Charcoal

HEX
#666065
RGB
rgb(102, 96, 101)
HSL
hsl(310, 3%, 39%)
HSB
hsb(310, 6%, 40%)
CMYK
cmyk(0%, 6%, 1%, 60%)
Oklch
oklch(49.6% 0.011 331.1)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB9B5
B3FBFF

Analogous

FFB3D5
FFB9B5
FFDDB3

Triadic

FFB9B5
B3FFB6
B6B3FF

Split-Comp.

FFB9B5
B3FFDD
B3D5FF

Tetradic

FFB9B5
D5FFB3
B3FBFF
DDB3FF

Contrast Matrix WCAG 2.1 Contrast

FFB9B5
C2A9BE
C4A493
797A5E
666065
—
1.3
Fail
1.4
Fail
2.7
Fail
3.8
AA Large
1.3
Fail
—
1.1
Fail
2.0
Fail
2.8
Fail
1.4
Fail
1.1
Fail
—
1.9
Fail
2.6
Fail
2.7
Fail
2.0
Fail
1.9
Fail
—
1.4
Fail
3.8
AA Large
2.8
Fail
2.6
Fail
1.4
Fail
—
White BG
1.6Fail
2.2Fail
2.3Fail
4.4AA Large
6.1AA
Black BG
12.9AAA
9.7AAA
9.1AAA
4.8AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E0B6
B7B7B9
B6B697
797965
636364

Deuteranopia

E5EAB6
B9BAB8
B8BA98
797966
646463

Tritanopia

FCB7B7
C1B5B4
C29A9B
796A6B
666363

Achromatopsia

CDCDCD
B3B3B3
ACACAC
777777
626262

Shades & Tints Shades & Tints

#FFB9B5

Dark
Light

#C2A9BE

Dark
Light

#C4A493

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb9b5;
  --color-2: #c2a9be;
  --color-3: #c4a493;
  --color-4: #797a5e;
  --color-5: #666065;
}

SCSS

$color-1: #ffb9b5;
$color-2: #c2a9be;
$color-3: #c4a493;
$color-4: #797a5e;
$color-5: #666065;

TAILWIND

colors: {
  'brand-1': '#ffb9b5',
  'brand-2': '#c2a9be',
  'brand-3': '#c4a493',
  'brand-4': '#797a5e',
  'brand-5': '#666065',
}

RGB Array

[255, 185, 181], [194, 169, 190], [196, 164, 147], [121, 122, 94], [102, 96, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFB9B5, #C2A9BE, #C4A493, #797A5E, #666065 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffb9b5; --color-2: #c2a9be; --color-3: #c4a493; --color-4: #797a5e; --color-5: #666065. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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. 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