← Back to Editor

#AF9D80 · #947F7E · #7E6573 · #726777 · #6A657D

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#AF9D80

Ginger · DarkGray · Warm Sun

HEX
#AF9D80
RGB
rgb(175, 157, 128)
HSL
hsl(37, 23%, 59%)
HSB
hsb(37, 27%, 69%)
CMYK
cmyk(0%, 10%, 27%, 31%)
Oklch
oklch(70.4% 0.046 79.6)

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

#947F7E

Crimson · Gray · Warm Gray

HEX
#947F7E
RGB
rgb(148, 127, 126)
HSL
hsl(3, 9%, 54%)
HSB
hsb(3, 15%, 58%)
CMYK
cmyk(0%, 14%, 15%, 42%)
Oklch
oklch(61.6% 0.026 21.1)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

#7E6573

Rose Purple · DimGray · Camellia

HEX
#7E6573
RGB
rgb(126, 101, 115)
HSL
hsl(326, 11%, 45%)
HSB
hsb(326, 20%, 49%)
CMYK
cmyk(0%, 20%, 9%, 51%)
Oklch
oklch(53.6% 0.038 343.8)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#726777

Ink Gray · DimGray · Warm Gray

HEX
#726777
RGB
rgb(114, 103, 119)
HSL
hsl(281, 7%, 44%)
HSB
hsb(281, 13%, 47%)
CMYK
cmyk(4%, 13%, 0%, 53%)
Oklch
oklch(53.0% 0.028 315.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#6A657D

Deep Indigo · DimGray · Navy Blue

HEX
#6A657D
RGB
rgb(106, 101, 125)
HSL
hsl(253, 11%, 44%)
HSB
hsb(253, 19%, 49%)
CMYK
cmyk(15%, 19%, 0%, 51%)
Oklch
oklch(52.0% 0.038 294.6)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AF9D80
7E91AE

Analogous

AE847E
AF9D80
A9AE7E

Triadic

AF9D80
7EAE9C
9C7EAE

Split-Comp.

AF9D80
7EA9AE
847EAE

Tetradic

AF9D80
7EAE84
7E91AE
AE7EA9

Contrast Matrix WCAG 2.1 Contrast

AF9D80
947F7E
7E6573
726777
6A657D
—
1.4
Fail
2.0
Fail
2.0
Fail
2.1
Fail
1.4
Fail
—
1.4
Fail
1.4
Fail
1.5
Fail
2.0
Fail
1.4
Fail
—
1.0
Fail
1.1
Fail
2.0
Fail
1.4
Fail
1.0
Fail
—
1.0
Fail
2.1
Fail
1.5
Fail
1.1
Fail
1.0
Fail
—
White BG
2.6Fail
3.8AA Large
5.3AA
5.4AA
5.6AA
Black BG
8.0AAA
5.6AA
4.0AA Large
3.9AA Large
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A787
8B8B7E
737370
6D6D73
686877

Deuteranopia

A8AA89
8C8E7E
75766F
6E6F72
686876

Tritanopia

AE8D8E
937E7E
7D6D6C
71706F
6A7372

Achromatopsia

9F9F9F
858585
6E6E6E
6C6C6C
696969

Shades & Tints Shades & Tints

#AF9D80

Dark
Light

#947F7E

Dark
Light

#7E6573

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #af9d80;
  --color-2: #947f7e;
  --color-3: #7e6573;
  --color-4: #726777;
  --color-5: #6a657d;
}

SCSS

$color-1: #af9d80;
$color-2: #947f7e;
$color-3: #7e6573;
$color-4: #726777;
$color-5: #6a657d;

TAILWIND

colors: {
  'brand-1': '#af9d80',
  'brand-2': '#947f7e',
  'brand-3': '#7e6573',
  'brand-4': '#726777',
  'brand-5': '#6a657d',
}

RGB Array

[175, 157, 128], [148, 127, 126], [126, 101, 115], [114, 103, 119], [106, 101, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #AF9D80, #947F7E, #7E6573, #726777, #6A657D 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: #af9d80; --color-2: #947f7e; --color-3: #7e6573; --color-4: #726777; --color-5: #6a657d. 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