← Back to Editor

#EDEBF6 · #AA95A6 · #7E6676 · #6B4B5A · #241616

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#EDEBF6

Wisteria · Lavender · Sky Blue

HEX
#EDEBF6
RGB
rgb(237, 235, 246)
HSL
hsl(251, 38%, 94%)
HSB
hsb(251, 4%, 96%)
CMYK
cmyk(4%, 4%, 0%, 4%)
Oklch
oklch(94.5% 0.015 294.5)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#AA95A6

Mauve · DarkGray · Lilac Purple

HEX
#AA95A6
RGB
rgb(170, 149, 166)
HSL
hsl(311, 11%, 63%)
HSB
hsb(311, 12%, 67%)
CMYK
cmyk(0%, 12%, 2%, 33%)
Oklch
oklch(69.4% 0.034 332.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#7E6676

Rose Purple · DimGray · Camellia

HEX
#7E6676
RGB
rgb(126, 102, 118)
HSL
hsl(320, 11%, 45%)
HSB
hsb(320, 19%, 49%)
CMYK
cmyk(0%, 19%, 6%, 51%)
Oklch
oklch(53.9% 0.039 338.6)

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

#6B4B5A

Dark Violet · DimGray · Camellia

HEX
#6B4B5A
RGB
rgb(107, 75, 90)
HSL
hsl(332, 18%, 36%)
HSB
hsb(332, 30%, 42%)
CMYK
cmyk(0%, 30%, 16%, 58%)
Oklch
oklch(45.3% 0.049 349.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#241616

Crimson · Black · Deep Berry

HEX
#241616
RGB
rgb(36, 22, 22)
HSL
hsl(0, 24%, 11%)
HSB
hsb(0, 39%, 14%)
CMYK
cmyk(0%, 39%, 39%, 86%)
Oklch
oklch(21.9% 0.023 19.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDEBF6
F3F6EA

Analogous

EAEEF6
EDEBF6
F2EAF6

Triadic

EDEBF6
F6ECEA
EAF6EC

Split-Comp.

EDEBF6
F6F2EA
EEF6EA

Tetradic

EDEBF6
F6EAEE
F3F6EA
EAF6F2

Contrast Matrix WCAG 2.1 Contrast

EDEBF6
AA95A6
7E6676
6B4B5A
241616
—
2.4
Fail
4.4
AA Large
6.4
AA
14.8
AAA
2.4
Fail
—
1.9
Fail
2.7
Fail
6.3
AA
4.4
AA Large
1.9
Fail
—
1.5
Fail
3.4
AA Large
6.4
AA
2.7
Fail
1.5
Fail
—
2.3
Fail
14.8
AAA
6.3
AA
3.4
AA Large
2.3
Fail
—
White BG
1.2Fail
2.8Fail
5.2AA
7.6AAA
17.5AAA
Black BG
17.8AAA
7.6AAA
4.0AA Large
2.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECF3
A1A1A2
747372
5D5D56
1E1E16

Deuteranopia

ECECF3
A2A4A1
757771
5F6156
1F2016

Tritanopia

EDF1F1
A99F9E
7D6F6E
695453
231616

Achromatopsia

EDEDED
9D9D9D
6F6F6F
565656
1A1A1A

Shades & Tints Shades & Tints

#EDEBF6

Dark
Light

#AA95A6

Dark
Light

#7E6676

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edebf6;
  --color-2: #aa95a6;
  --color-3: #7e6676;
  --color-4: #6b4b5a;
  --color-5: #241616;
}

SCSS

$color-1: #edebf6;
$color-2: #aa95a6;
$color-3: #7e6676;
$color-4: #6b4b5a;
$color-5: #241616;

TAILWIND

colors: {
  'brand-1': '#edebf6',
  'brand-2': '#aa95a6',
  'brand-3': '#7e6676',
  'brand-4': '#6b4b5a',
  'brand-5': '#241616',
}

RGB Array

[237, 235, 246], [170, 149, 166], [126, 102, 118], [107, 75, 90], [36, 22, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EDEBF6, #AA95A6, #7E6676, #6B4B5A, #241616 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: #edebf6; --color-2: #aa95a6; --color-3: #7e6676; --color-4: #6b4b5a; --color-5: #241616. 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