← Back to Editor

#766161 · #947876 · #A79A8B · #C5C1A1 · #DFE1C3

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

#766161

Crimson · DimGray · Passion Red

HEX
#766161
RGB
rgb(118, 97, 97)
HSL
hsl(0, 10%, 42%)
HSB
hsb(0, 18%, 46%)
CMYK
cmyk(0%, 18%, 18%, 54%)
Oklch
oklch(51.3% 0.027 18.1)

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

#947876

Crimson · Gray · Passion Red

HEX
#947876
RGB
rgb(148, 120, 118)
HSL
hsl(4, 12%, 52%)
HSB
hsb(4, 20%, 58%)
CMYK
cmyk(0%, 19%, 20%, 42%)
Oklch
oklch(59.9% 0.035 23.0)

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

#A79A8B

Ginger · DarkGray · Warm Sun

HEX
#A79A8B
RGB
rgb(167, 154, 139)
HSL
hsl(32, 14%, 60%)
HSB
hsb(32, 17%, 65%)
CMYK
cmyk(0%, 8%, 17%, 35%)
Oklch
oklch(69.3% 0.026 71.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#C5C1A1

Fresh Green · Tan · Sunflower

HEX
#C5C1A1
RGB
rgb(197, 193, 161)
HSL
hsl(53, 24%, 70%)
HSB
hsb(53, 18%, 77%)
CMYK
cmyk(0%, 2%, 18%, 23%)
Oklch
oklch(80.6% 0.044 101.4)

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

#DFE1C3

Fresh Green · LightGray · Lemon Cream

HEX
#DFE1C3
RGB
rgb(223, 225, 195)
HSL
hsl(64, 33%, 82%)
HSB
hsb(64, 13%, 88%)
CMYK
cmyk(1%, 0%, 13%, 12%)
Oklch
oklch(90.0% 0.040 110.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

766161
607676

Analogous

76606B
766161
766B60

Triadic

766161
607660
606076

Split-Comp.

766161
60766B
606B76

Tetradic

766161
6B7660
607676
6B6076

Contrast Matrix WCAG 2.1 Contrast

766161
947876
A79A8B
C5C1A1
DFE1C3
—
1.4
Fail
2.1
Fail
3.2
AA Large
4.3
AA Large
1.4
Fail
—
1.5
Fail
2.2
Fail
3.0
AA Large
2.1
Fail
1.5
Fail
—
1.5
Fail
2.1
Fail
3.2
AA Large
2.2
Fail
1.5
Fail
—
1.4
Fail
4.3
AA Large
3.0
AA Large
2.1
Fail
1.4
Fail
—
White BG
5.7AA
4.0AA Large
2.7Fail
1.8Fail
1.3Fail
Black BG
3.7AA Large
5.2AA
7.6AAA
11.5AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D61
888876
A1A18F
C3C3A9
E0E0CA

Deuteranopia

6E7061
8A8C77
A2A390
C4C4AB
E0E0CC

Tritanopia

756161
937777
A69192
C5AFB0
DFD0D1

Achromatopsia

676767
808080
9C9C9C
BFBFBF
DDDDDD

Shades & Tints Shades & Tints

#766161

Dark
Light

#947876

Dark
Light

#A79A8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #766161;
  --color-2: #947876;
  --color-3: #a79a8b;
  --color-4: #c5c1a1;
  --color-5: #dfe1c3;
}

SCSS

$color-1: #766161;
$color-2: #947876;
$color-3: #a79a8b;
$color-4: #c5c1a1;
$color-5: #dfe1c3;

TAILWIND

colors: {
  'brand-1': '#766161',
  'brand-2': '#947876',
  'brand-3': '#a79a8b',
  'brand-4': '#c5c1a1',
  'brand-5': '#dfe1c3',
}

RGB Array

[118, 97, 97], [148, 120, 118], [167, 154, 139], [197, 193, 161], [223, 225, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #766161, #947876, #A79A8B, #C5C1A1, #DFE1C3 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: #766161; --color-2: #947876; --color-3: #a79a8b; --color-4: #c5c1a1; --color-5: #dfe1c3. 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