← Back to Editor

#E2F4C9 · #C3D3AD · #A08574 · #5D4328 · #1F1001

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

#E2F4C9

Willow Green · Beige · Mint Green

HEX
#E2F4C9
RGB
rgb(226, 244, 201)
HSL
hsl(85, 66%, 87%)
HSB
hsb(85, 18%, 96%)
CMYK
cmyk(7%, 0%, 18%, 4%)
Oklch
oklch(94.3% 0.060 126.0)

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

#C3D3AD

Willow Green · Silver · Apple Green

HEX
#C3D3AD
RGB
rgb(195, 211, 173)
HSL
hsl(85, 30%, 75%)
HSB
hsb(85, 18%, 83%)
CMYK
cmyk(8%, 0%, 18%, 17%)
Oklch
oklch(84.5% 0.054 126.1)

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

#A08574

Tangerine · Gray · Warm Sun

HEX
#A08574
RGB
rgb(160, 133, 116)
HSL
hsl(23, 19%, 54%)
HSB
hsb(23, 28%, 63%)
CMYK
cmyk(0%, 17%, 28%, 37%)
Oklch
oklch(63.7% 0.041 54.0)

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

#5D4328

Ochre · DarkOliveGreen · Amber Brown

HEX
#5D4328
RGB
rgb(93, 67, 40)
HSL
hsl(31, 40%, 26%)
HSB
hsb(31, 57%, 36%)
CMYK
cmyk(0%, 28%, 57%, 64%)
Oklch
oklch(40.5% 0.054 66.3)

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

#1F1001

Ochre · Black · Cinnamon

HEX
#1F1001
RGB
rgb(31, 16, 1)
HSL
hsl(30, 94%, 6%)
HSB
hsb(30, 97%, 12%)
CMYK
cmyk(0%, 48%, 97%, 88%)
Oklch
oklch(19.0% 0.039 68.4)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2F4C9
DAC8F4

Analogous

F4F0C8
E2F4C9
CCF4C8

Triadic

E2F4C9
C8E1F4
F4C8E1

Split-Comp.

E2F4C9
C8CCF4
F0C8F4

Tetradic

E2F4C9
C8F4F0
DAC8F4
F4C8CC

Contrast Matrix WCAG 2.1 Contrast

E2F4C9
C3D3AD
A08574
5D4328
1F1001
—
1.4
Fail
3.0
Fail
7.8
AAA
15.9
AAA
1.4
Fail
—
2.2
Fail
5.8
AA
11.7
AAA
3.0
Fail
2.2
Fail
—
2.7
Fail
5.4
AA
7.8
AAA
5.8
AA
2.7
Fail
—
2.0
Fail
15.9
AAA
11.7
AAA
5.4
AA
2.0
Fail
—
White BG
1.2Fail
1.6Fail
3.4AA Large
9.1AAA
18.5AAA
Black BG
18.0AAA
13.2AAA
6.1AA
2.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAD3
CACAB6
949478
52522F
191805

Deuteranopia

E9E7D6
C9C8B8
969879
535530
191B06

Tritanopia

E3DCDD
C4BDBF
9F7B7C
5C3435
1E0708

Achromatopsia

EAEAEA
CACACA
8B8B8B
484848
131313

Shades & Tints Shades & Tints

#E2F4C9

Dark
Light

#C3D3AD

Dark
Light

#A08574

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2f4c9;
  --color-2: #c3d3ad;
  --color-3: #a08574;
  --color-4: #5d4328;
  --color-5: #1f1001;
}

SCSS

$color-1: #e2f4c9;
$color-2: #c3d3ad;
$color-3: #a08574;
$color-4: #5d4328;
$color-5: #1f1001;

TAILWIND

colors: {
  'brand-1': '#e2f4c9',
  'brand-2': '#c3d3ad',
  'brand-3': '#a08574',
  'brand-4': '#5d4328',
  'brand-5': '#1f1001',
}

RGB Array

[226, 244, 201], [195, 211, 173], [160, 133, 116], [93, 67, 40], [31, 16, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E2F4C9, #C3D3AD, #A08574, #5D4328, #1F1001 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: #e2f4c9; --color-2: #c3d3ad; --color-3: #a08574; --color-4: #5d4328; --color-5: #1f1001. 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