← Back to Editor

#E2E4BF · #C49FCA · #484965 · #282735 · #2A202B

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#E2E4BF

Fresh Green · Wheat · Lemon Cream

HEX
#E2E4BF
RGB
rgb(226, 228, 191)
HSL
hsl(63, 41%, 82%)
HSB
hsb(63, 16%, 89%)
CMYK
cmyk(1%, 0%, 16%, 11%)
Oklch
oklch(90.8% 0.049 109.9)

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

#C49FCA

Lilac · Silver · Lilac Purple

HEX
#C49FCA
RGB
rgb(196, 159, 202)
HSL
hsl(292, 29%, 71%)
HSB
hsb(292, 21%, 79%)
CMYK
cmyk(3%, 21%, 0%, 21%)
Oklch
oklch(75.0% 0.073 321.6)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#484965

Indigo · DarkSlateGray · Prussian Blue

HEX
#484965
RGB
rgb(72, 73, 101)
HSL
hsl(238, 17%, 34%)
HSB
hsb(238, 29%, 40%)
CMYK
cmyk(29%, 28%, 0%, 60%)
Oklch
oklch(41.6% 0.047 282.6)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#282735

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#282735
RGB
rgb(40, 39, 53)
HSL
hsl(244, 15%, 18%)
HSB
hsb(244, 26%, 21%)
CMYK
cmyk(25%, 26%, 0%, 79%)
Oklch
oklch(28.0% 0.026 287.9)

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

#2A202B

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2A202B
RGB
rgb(42, 32, 43)
HSL
hsl(295, 15%, 15%)
HSB
hsb(295, 26%, 17%)
CMYK
cmyk(2%, 26%, 0%, 83%)
Oklch
oklch(26.0% 0.025 323.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2E4BF
C0BEE4

Analogous

E4D3BE
E2E4BF
CFE4BE

Triadic

E2E4BF
BEE2E4
E4BEE2

Split-Comp.

E2E4BF
BECFE4
D3BEE4

Tetradic

E2E4BF
BEE4D3
C0BEE4
E4BECF

Contrast Matrix WCAG 2.1 Contrast

E2E4BF
C49FCA
484965
282735
2A202B
—
1.8
Fail
6.7
AA
11.2
AAA
12.0
AAA
1.8
Fail
—
3.8
AA Large
6.4
AA
6.8
AA
6.7
AA
3.8
AA Large
—
1.7
Fail
1.8
Fail
11.2
AAA
6.4
AA
1.7
Fail
—
1.1
Fail
12.0
AAA
6.8
AA
1.8
Fail
1.1
Fail
—
White BG
1.3Fail
2.3Fail
8.7AAA
14.7AAA
15.7AAA
Black BG
16.1AAA
9.2AAA
2.4Fail
1.4Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3C8
B4B4C0
48485E
282832
262628

Deuteranopia

E3E3CA
B6B9BD
48485D
282831
262728

Tritanopia

E2CFD1
C2B7B6
485958
282F2E
2A2626

Achromatopsia

DFDFDF
AFAFAF
4C4C4C
292929
242424

Shades & Tints Shades & Tints

#E2E4BF

Dark
Light

#C49FCA

Dark
Light

#484965

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2e4bf;
  --color-2: #c49fca;
  --color-3: #484965;
  --color-4: #282735;
  --color-5: #2a202b;
}

SCSS

$color-1: #e2e4bf;
$color-2: #c49fca;
$color-3: #484965;
$color-4: #282735;
$color-5: #2a202b;

TAILWIND

colors: {
  'brand-1': '#e2e4bf',
  'brand-2': '#c49fca',
  'brand-3': '#484965',
  'brand-4': '#282735',
  'brand-5': '#2a202b',
}

RGB Array

[226, 228, 191], [196, 159, 202], [72, 73, 101], [40, 39, 53], [42, 32, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E2E4BF, #C49FCA, #484965, #282735, #2A202B 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: #e2e4bf; --color-2: #c49fca; --color-3: #484965; --color-4: #282735; --color-5: #2a202b. 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