← Back to Editor

#846666 · #CC7076 · #F38080 · #F5C9AA · #F6F1C9

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

#846666

Crimson · DimGray · Passion Red

HEX
#846666
RGB
rgb(132, 102, 102)
HSL
hsl(0, 13%, 46%)
HSB
hsb(0, 23%, 52%)
CMYK
cmyk(0%, 23%, 23%, 48%)
Oklch
oklch(54.0% 0.039 18.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#CC7076

Peach Pink · LightCoral · Coral Red

HEX
#CC7076
RGB
rgb(204, 112, 118)
HSL
hsl(356, 47%, 62%)
HSB
hsb(356, 45%, 80%)
CMYK
cmyk(0%, 45%, 42%, 20%)
Oklch
oklch(65.0% 0.116 16.7)

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

#F38080

Peach Pink · LightCoral · Coral Red

HEX
#F38080
RGB
rgb(243, 128, 128)
HSL
hsl(0, 83%, 73%)
HSB
hsb(0, 47%, 95%)
CMYK
cmyk(0%, 47%, 47%, 5%)
Oklch
oklch(72.9% 0.141 21.1)

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

#F5C9AA

Apricot · Wheat · Peach Orange

HEX
#F5C9AA
RGB
rgb(245, 201, 170)
HSL
hsl(25, 79%, 81%)
HSB
hsb(25, 31%, 96%)
CMYK
cmyk(0%, 18%, 31%, 4%)
Oklch
oklch(86.6% 0.065 56.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F6F1C9

Fresh Green · Bisque · Lemon Cream

HEX
#F6F1C9
RGB
rgb(246, 241, 201)
HSL
hsl(53, 71%, 88%)
HSB
hsb(53, 18%, 96%)
CMYK
cmyk(0%, 2%, 18%, 4%)
Oklch
oklch(95.2% 0.052 101.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

846666
668585

Analogous

856675
846666
857566

Triadic

846666
668566
666685

Split-Comp.

846666
668575
667585

Tetradic

846666
758566
668585
756685

Contrast Matrix WCAG 2.1 Contrast

846666
CC7076
F38080
F5C9AA
F6F1C9
—
1.5
Fail
2.0
Fail
3.4
AA Large
4.5
AA
1.5
Fail
—
1.3
Fail
2.2
Fail
3.0
Fail
2.0
Fail
1.3
Fail
—
1.7
Fail
2.2
Fail
3.4
AA Large
2.2
Fail
1.7
Fail
—
1.3
Fail
4.5
AA
3.0
Fail
2.2
Fail
1.3
Fail
—
White BG
5.2AA
3.4AA Large
2.6Fail
1.5Fail
1.1Fail
Black BG
4.1AA Large
6.1AA
8.2AAA
13.8AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

777766
A4A375
C1C080
E2E2B2
F4F4D3

Deuteranopia

797B66
AAB074
C8D180
E5E8B3
F4F5D5

Tritanopia

836666
C77373
ED8080
F3B7B9
F6DADC

Achromatopsia

6F6F6F
8C8C8C
A2A2A2
D3D3D3
EEEEEE

Shades & Tints Shades & Tints

#846666

Dark
Light

#CC7076

Dark
Light

#F38080

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #846666;
  --color-2: #cc7076;
  --color-3: #f38080;
  --color-4: #f5c9aa;
  --color-5: #f6f1c9;
}

SCSS

$color-1: #846666;
$color-2: #cc7076;
$color-3: #f38080;
$color-4: #f5c9aa;
$color-5: #f6f1c9;

TAILWIND

colors: {
  'brand-1': '#846666',
  'brand-2': '#cc7076',
  'brand-3': '#f38080',
  'brand-4': '#f5c9aa',
  'brand-5': '#f6f1c9',
}

RGB Array

[132, 102, 102], [204, 112, 118], [243, 128, 128], [245, 201, 170], [246, 241, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #846666, #CC7076, #F38080, #F5C9AA, #F6F1C9 is ideal for: health products, baby brands, fresh-style blogs, 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: #846666; --color-2: #cc7076; --color-3: #f38080; --color-4: #f5c9aa; --color-5: #f6f1c9. 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. 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