← Back to Editor

#4F3F42 · #917A6A · #A68E74 · #B3C078 · #D4D88E

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

#4F3F42

Crimson · DarkSlateGray · Wine Red

HEX
#4F3F42
RGB
rgb(79, 63, 66)
HSL
hsl(349, 11%, 28%)
HSB
hsb(349, 20%, 31%)
CMYK
cmyk(0%, 20%, 16%, 69%)
Oklch
oklch(38.6% 0.023 5.6)

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

#917A6A

Tangerine · Gray · Amber Brown

HEX
#917A6A
RGB
rgb(145, 122, 106)
HSL
hsl(25, 16%, 49%)
HSB
hsb(25, 27%, 57%)
CMYK
cmyk(0%, 16%, 27%, 43%)
Oklch
oklch(59.7% 0.037 56.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#A68E74

Ginger · Gray · Warm Sun

HEX
#A68E74
RGB
rgb(166, 142, 116)
HSL
hsl(31, 22%, 55%)
HSB
hsb(31, 30%, 65%)
CMYK
cmyk(0%, 14%, 30%, 35%)
Oklch
oklch(66.2% 0.047 69.1)

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

#B3C078

Willow Green · Tan · Apple Green

HEX
#B3C078
RGB
rgb(179, 192, 120)
HSL
hsl(71, 36%, 61%)
HSB
hsb(71, 38%, 75%)
CMYK
cmyk(7%, 0%, 38%, 25%)
Oklch
oklch(78.1% 0.096 117.0)

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

#D4D88E

Fresh Green · Khaki · Sunflower

HEX
#D4D88E
RGB
rgb(212, 216, 142)
HSL
hsl(63, 49%, 70%)
HSB
hsb(63, 34%, 85%)
CMYK
cmyk(2%, 0%, 34%, 15%)
Oklch
oklch(86.2% 0.095 110.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F3F42
404F4C

Analogous

4F404A
4F3F42
4F4540

Triadic

4F3F42
424F40
40424F

Split-Comp.

4F3F42
404F45
404A4F

Tetradic

4F3F42
4A4F40
404F4C
45404F

Contrast Matrix WCAG 2.1 Contrast

4F3F42
917A6A
A68E74
B3C078
D4D88E
—
2.4
Fail
3.2
AA Large
5.1
AA
6.6
AA
2.4
Fail
—
1.3
Fail
2.1
Fail
2.7
Fail
3.2
AA Large
1.3
Fail
—
1.6
Fail
2.1
Fail
5.1
AA
2.1
Fail
1.6
Fail
—
1.3
Fail
6.6
AA
2.7
Fail
2.1
Fail
1.3
Fail
—
White BG
9.9AAA
4.0AA Large
3.1AA Large
2.0Fail
1.5Fail
Black BG
2.1Fail
5.2AA
6.7AA
10.7AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484841
87876E
9C9B7A
B9B989
D6D6A0

Deuteranopia

494A41
888A6F
9D9F7C
B8B78E
D6D5A4

Tritanopia

4E4141
907172
A57F80
B4979A
D4AEB1

Achromatopsia

444444
7F7F7F
929292
B4B4B4
CECECE

Shades & Tints Shades & Tints

#4F3F42

Dark
Light

#917A6A

Dark
Light

#A68E74

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f3f42;
  --color-2: #917a6a;
  --color-3: #a68e74;
  --color-4: #b3c078;
  --color-5: #d4d88e;
}

SCSS

$color-1: #4f3f42;
$color-2: #917a6a;
$color-3: #a68e74;
$color-4: #b3c078;
$color-5: #d4d88e;

TAILWIND

colors: {
  'brand-1': '#4f3f42',
  'brand-2': '#917a6a',
  'brand-3': '#a68e74',
  'brand-4': '#b3c078',
  'brand-5': '#d4d88e',
}

RGB Array

[79, 63, 66], [145, 122, 106], [166, 142, 116], [179, 192, 120], [212, 216, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #4F3F42, #917A6A, #A68E74, #B3C078, #D4D88E is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #4f3f42; --color-2: #917a6a; --color-3: #a68e74; --color-4: #b3c078; --color-5: #d4d88e. 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. 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