← Back to Editor

#7B658C · #828499 · #A8B0A3 · #E0D2AD · #EFD3A3

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 PostIllustration

Color Details Color Details

#7B658C

Dark Plum · SlateGray · Violet

HEX
#7B658C
RGB
rgb(123, 101, 140)
HSL
hsl(274, 16%, 47%)
HSB
hsb(274, 28%, 55%)
CMYK
cmyk(12%, 28%, 0%, 45%)
Oklch
oklch(54.3% 0.065 309.9)

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

#828499

Azure · LightSlateGray · Navy Blue

HEX
#828499
RGB
rgb(130, 132, 153)
HSL
hsl(235, 10%, 55%)
HSB
hsb(235, 15%, 60%)
CMYK
cmyk(15%, 14%, 0%, 40%)
Oklch
oklch(61.9% 0.032 281.1)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#A8B0A3

Celadon · DarkGray · Silver Sand

HEX
#A8B0A3
RGB
rgb(168, 176, 163)
HSL
hsl(97, 8%, 66%)
HSB
hsb(97, 7%, 69%)
CMYK
cmyk(5%, 0%, 7%, 31%)
Oklch
oklch(74.7% 0.020 133.1)

Traditional「Celadon」· Paint「Silver Sand」· Creative Urban Concrete

#E0D2AD

Goose Yellow · Wheat · Lemon Cream

HEX
#E0D2AD
RGB
rgb(224, 210, 173)
HSL
hsl(44, 45%, 78%)
HSB
hsb(44, 23%, 88%)
CMYK
cmyk(0%, 6%, 23%, 12%)
Oklch
oklch(86.6% 0.051 89.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EFD3A3

Goose Yellow · Wheat · Peach Orange

HEX
#EFD3A3
RGB
rgb(239, 211, 163)
HSL
hsl(38, 70%, 79%)
HSB
hsb(38, 32%, 94%)
CMYK
cmyk(0%, 12%, 32%, 6%)
Oklch
oklch(87.9% 0.070 80.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7B658C
758B65

Analogous

67658B
7B658C
8B6588

Triadic

7B658C
8B7A65
658B7A

Split-Comp.

7B658C
888B65
658B67

Tetradic

7B658C
8B6765
758B65
65888B

Contrast Matrix WCAG 2.1 Contrast

7B658C
828499
A8B0A3
E0D2AD
EFD3A3
—
1.4
Fail
2.3
Fail
3.4
AA Large
3.6
AA Large
1.4
Fail
—
1.6
Fail
2.5
Fail
2.5
Fail
2.3
Fail
1.6
Fail
—
1.5
Fail
1.5
Fail
3.4
AA Large
2.5
Fail
1.5
Fail
—
1.0
Fail
3.6
AA Large
2.5
Fail
1.5
Fail
1.0
Fail
—
White BG
5.1AA
3.7AA Large
2.2Fail
1.5Fail
1.4Fail
Black BG
4.1AA Large
5.7AA
9.4AAA
14.0AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

717183
838394
ABACA6
DADAB6
E3E3AF

Deuteranopia

737480
838393
ABAAA7
DBDCB8
E5E7B1

Tritanopia

7A7B79
82908F
A8A9A9
DFBDBF
EEB8BA

Achromatopsia

707070
868686
ACACAC
D2D2D2
D6D6D6

Shades & Tints Shades & Tints

#7B658C

Dark
Light

#828499

Dark
Light

#A8B0A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7b658c;
  --color-2: #828499;
  --color-3: #a8b0a3;
  --color-4: #e0d2ad;
  --color-5: #efd3a3;
}

SCSS

$color-1: #7b658c;
$color-2: #828499;
$color-3: #a8b0a3;
$color-4: #e0d2ad;
$color-5: #efd3a3;

TAILWIND

colors: {
  'brand-1': '#7b658c',
  'brand-2': '#828499',
  'brand-3': '#a8b0a3',
  'brand-4': '#e0d2ad',
  'brand-5': '#efd3a3',
}

RGB Array

[123, 101, 140], [130, 132, 153], [168, 176, 163], [224, 210, 173], [239, 211, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #7B658C, #828499, #A8B0A3, #E0D2AD, #EFD3A3 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #7b658c; --color-2: #828499; --color-3: #a8b0a3; --color-4: #e0d2ad; --color-5: #efd3a3. 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. 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