← Back to Editor

#D9E1A5 · #B1B990 · #765550 · #622230 · #670820

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

#D9E1A5

Fresh Green · Wheat · Lemon Cream

HEX
#D9E1A5
RGB
rgb(217, 225, 165)
HSL
hsl(68, 50%, 76%)
HSB
hsb(68, 27%, 88%)
CMYK
cmyk(4%, 0%, 27%, 12%)
Oklch
oklch(88.9% 0.079 114.2)

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

#B1B990

Willow Green · DarkGray · Apple Green

HEX
#B1B990
RGB
rgb(177, 185, 144)
HSL
hsl(72, 23%, 65%)
HSB
hsb(72, 22%, 73%)
CMYK
cmyk(4%, 0%, 22%, 27%)
Oklch
oklch(76.9% 0.057 116.7)

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

#765550

Crimson · DimGray · Wine Red

HEX
#765550
RGB
rgb(118, 85, 80)
HSL
hsl(8, 19%, 39%)
HSB
hsb(8, 32%, 46%)
CMYK
cmyk(0%, 28%, 32%, 54%)
Oklch
oklch(48.3% 0.045 28.6)

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

#622230

Crimson · Maroon · Wine Red

HEX
#622230
RGB
rgb(98, 34, 48)
HSL
hsl(347, 48%, 26%)
HSB
hsb(347, 65%, 38%)
CMYK
cmyk(0%, 65%, 51%, 62%)
Oklch
oklch(35.3% 0.093 9.9)

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

#670820

Vermilion · Maroon · Wine Red

HEX
#670820
RGB
rgb(103, 8, 32)
HSL
hsl(345, 86%, 22%)
HSB
hsb(345, 92%, 40%)
CMYK
cmyk(0%, 92%, 69%, 60%)
Oklch
oklch(33.2% 0.125 15.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9E1A5
ABA3E0

Analogous

E0CAA3
D9E1A5
BAE0A3

Triadic

D9E1A5
A3D8E0
E0A3D8

Split-Comp.

D9E1A5
A3BAE0
CAA3E0

Tetradic

D9E1A5
A3E0CA
ABA3E0
E0A3BA

Contrast Matrix WCAG 2.1 Contrast

D9E1A5
B1B990
765550
622230
670820
—
1.5
Fail
4.8
AA
8.5
AAA
9.4
AAA
1.5
Fail
—
3.2
AA Large
5.7
AA
6.3
AA
4.8
AA
3.2
AA Large
—
1.8
Fail
2.0
Fail
8.5
AAA
5.7
AA
1.8
Fail
—
1.1
Fail
9.4
AAA
6.3
AA
2.0
Fail
1.1
Fail
—
White BG
1.4Fail
2.1Fail
6.6AA
11.7AAA
12.9AAA
Black BG
15.3AAA
10.2AAA
3.2AA Large
1.8Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDDB4
B4B59A
686751
46462D
3E3D1A

Deuteranopia

DCDBB7
B4B39C
6A6C52
4A4F2C
434B19

Tritanopia

D9BFC2
B1A2A3
745252
5F2A29
621615

Achromatopsia

D8D8D8
B2B2B2
5E5E5E
373737
272727

Shades & Tints Shades & Tints

#D9E1A5

Dark
Light

#B1B990

Dark
Light

#765550

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9e1a5;
  --color-2: #b1b990;
  --color-3: #765550;
  --color-4: #622230;
  --color-5: #670820;
}

SCSS

$color-1: #d9e1a5;
$color-2: #b1b990;
$color-3: #765550;
$color-4: #622230;
$color-5: #670820;

TAILWIND

colors: {
  'brand-1': '#d9e1a5',
  'brand-2': '#b1b990',
  'brand-3': '#765550',
  'brand-4': '#622230',
  'brand-5': '#670820',
}

RGB Array

[217, 225, 165], [177, 185, 144], [118, 85, 80], [98, 34, 48], [103, 8, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D9E1A5, #B1B990, #765550, #622230, #670820 is ideal for: 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: #d9e1a5; --color-2: #b1b990; --color-3: #765550; --color-4: #622230; --color-5: #670820. 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. 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