← Back to Editor

#2C1A2A · #66383B · #77575C · #8C9171 · #DADBB9

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

#2C1A2A

Rose Purple · DarkSlateGray · Dark Purple

HEX
#2C1A2A
RGB
rgb(44, 26, 42)
HSL
hsl(307, 26%, 14%)
HSB
hsb(307, 41%, 17%)
CMYK
cmyk(0%, 41%, 5%, 83%)
Oklch
oklch(24.8% 0.040 330.6)

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

#66383B

Crimson · DarkOliveGreen · Wine Red

HEX
#66383B
RGB
rgb(102, 56, 59)
HSL
hsl(356, 29%, 31%)
HSB
hsb(356, 45%, 40%)
CMYK
cmyk(0%, 45%, 42%, 60%)
Oklch
oklch(39.9% 0.066 16.3)

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

#77575C

Crimson · DimGray · Wine Red

HEX
#77575C
RGB
rgb(119, 87, 92)
HSL
hsl(351, 16%, 40%)
HSB
hsb(351, 27%, 47%)
CMYK
cmyk(0%, 27%, 23%, 53%)
Oklch
oklch(49.2% 0.043 8.4)

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

#8C9171

Autumn Sage · Gray · Sunflower

HEX
#8C9171
RGB
rgb(140, 145, 113)
HSL
hsl(69, 13%, 51%)
HSB
hsb(69, 22%, 57%)
CMYK
cmyk(3%, 0%, 22%, 43%)
Oklch
oklch(64.4% 0.046 114.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DADBB9

Fresh Green · Wheat · Lemon Cream

HEX
#DADBB9
RGB
rgb(218, 219, 185)
HSL
hsl(62, 32%, 79%)
HSB
hsb(62, 16%, 86%)
CMYK
cmyk(0%, 0%, 16%, 14%)
Oklch
oklch(88.2% 0.045 108.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C1A2A
1A2D1D

Analogous

261A2D
2C1A2A
2D1A22

Triadic

2C1A2A
2B2D1A
1A2B2D

Split-Comp.

2C1A2A
222D1A
1A2D26

Tetradic

2C1A2A
2D261A
1A2D1D
1A222D

Contrast Matrix WCAG 2.1 Contrast

2C1A2A
66383B
77575C
8C9171
DADBB9
—
1.7
Fail
2.6
Fail
5.0
AA
11.5
AAA
1.7
Fail
—
1.5
Fail
2.9
Fail
6.8
AA
2.6
Fail
1.5
Fail
—
1.9
Fail
4.5
AA Large
5.0
AA
2.9
Fail
1.9
Fail
—
2.3
Fail
11.5
AAA
6.8
AA
4.5
AA Large
2.3
Fail
—
White BG
16.3AAA
9.6AAA
6.4AA
3.3AA Large
1.4Fail
Black BG
1.3Fail
2.2Fail
3.3AA Large
6.4AA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242426
52523A
69695B
8E8E79
DADAC1

Deuteranopia

252725
55583A
6B6D5A
8E8E7B
DADAC3

Tritanopia

2B2322
643A3A
755A5A
8C7F80
DAC8C9

Achromatopsia

212121
464646
616161
8C8C8C
D7D7D7

Shades & Tints Shades & Tints

#2C1A2A

Dark
Light

#66383B

Dark
Light

#77575C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c1a2a;
  --color-2: #66383b;
  --color-3: #77575c;
  --color-4: #8c9171;
  --color-5: #dadbb9;
}

SCSS

$color-1: #2c1a2a;
$color-2: #66383b;
$color-3: #77575c;
$color-4: #8c9171;
$color-5: #dadbb9;

TAILWIND

colors: {
  'brand-1': '#2c1a2a',
  'brand-2': '#66383b',
  'brand-3': '#77575c',
  'brand-4': '#8c9171',
  'brand-5': '#dadbb9',
}

RGB Array

[44, 26, 42], [102, 56, 59], [119, 87, 92], [140, 145, 113], [218, 219, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #2C1A2A, #66383B, #77575C, #8C9171, #DADBB9 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: #2c1a2a; --color-2: #66383b; --color-3: #77575c; --color-4: #8c9171; --color-5: #dadbb9. 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