← Back to Editor

#397494 · #A3A2B4 · #D9A2A5 · #D2C5BD · #98A6A7

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

#397494

Slate Blue · SteelBlue · Prussian Blue

HEX
#397494
RGB
rgb(57, 116, 148)
HSL
hsl(201, 44%, 40%)
HSB
hsb(201, 61%, 58%)
CMYK
cmyk(61%, 22%, 0%, 42%)
Oklch
oklch(53.3% 0.079 234.7)

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

#A3A2B4

Wisteria · DarkGray · Cobalt Blue

HEX
#A3A2B4
RGB
rgb(163, 162, 180)
HSL
hsl(243, 11%, 67%)
HSB
hsb(243, 10%, 71%)
CMYK
cmyk(9%, 10%, 0%, 29%)
Oklch
oklch(71.9% 0.026 288.3)

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

#D9A2A5

Peach Pink · Tan · Coral Red

HEX
#D9A2A5
RGB
rgb(217, 162, 165)
HSL
hsl(357, 42%, 74%)
HSB
hsb(357, 25%, 85%)
CMYK
cmyk(0%, 25%, 24%, 15%)
Oklch
oklch(76.5% 0.065 15.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D2C5BD

Apricot · Silver · Peach Orange

HEX
#D2C5BD
RGB
rgb(210, 197, 189)
HSL
hsl(23, 19%, 78%)
HSB
hsb(23, 10%, 82%)
CMYK
cmyk(0%, 6%, 10%, 18%)
Oklch
oklch(83.2% 0.018 53.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#98A6A7

Sky Blue · DarkGray · Silver Sand

HEX
#98A6A7
RGB
rgb(152, 166, 167)
HSL
hsl(184, 8%, 63%)
HSB
hsb(184, 9%, 65%)
CMYK
cmyk(9%, 1%, 0%, 35%)
Oklch
oklch(71.4% 0.016 202.0)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

397494
935939

Analogous

399385
397494
394793

Triadic

397494
933973
739339

Split-Comp.

397494
933947
938539

Tetradic

397494
853993
935939
479339

Contrast Matrix WCAG 2.1 Contrast

397494
A3A2B4
D9A2A5
D2C5BD
98A6A7
—
2.0
Fail
2.4
Fail
3.0
AA Large
2.0
Fail
2.0
Fail
—
1.2
Fail
1.5
Fail
1.0
Fail
2.4
Fail
1.2
Fail
—
1.3
Fail
1.2
Fail
3.0
AA Large
1.5
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
1.0
Fail
1.2
Fail
1.5
Fail
—
White BG
5.1AA
2.5Fail
2.2Fail
1.7Fail
2.5Fail
Black BG
4.1AA Large
8.4AAA
9.7AAA
12.5AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

53538C
A3A3B0
C1C1A4
CCCCBF
9E9EA7

Deuteranopia

4F4B8A
A3A3AF
C4C8A4
CDCEBF
9D9CA7

Tritanopia

3C8685
A3ACAB
D6A4A4
D1C0C1
99A7A7

Achromatopsia

666666
A4A4A4
B3B3B3
C8C8C8
A2A2A2

Shades & Tints Shades & Tints

#397494

Dark
Light

#A3A2B4

Dark
Light

#D9A2A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #397494;
  --color-2: #a3a2b4;
  --color-3: #d9a2a5;
  --color-4: #d2c5bd;
  --color-5: #98a6a7;
}

SCSS

$color-1: #397494;
$color-2: #a3a2b4;
$color-3: #d9a2a5;
$color-4: #d2c5bd;
$color-5: #98a6a7;

TAILWIND

colors: {
  'brand-1': '#397494',
  'brand-2': '#a3a2b4',
  'brand-3': '#d9a2a5',
  'brand-4': '#d2c5bd',
  'brand-5': '#98a6a7',
}

RGB Array

[57, 116, 148], [163, 162, 180], [217, 162, 165], [210, 197, 189], [152, 166, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #397494, #A3A2B4, #D9A2A5, #D2C5BD, #98A6A7 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: #397494; --color-2: #a3a2b4; --color-3: #d9a2a5; --color-4: #d2c5bd; --color-5: #98a6a7. 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