← Back to Editor

#DAE9D6 · #A8ACA7 · #7D9CB1 · #718598 · #6C7580

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

#DAE9D6

Celadon · LightGray · Mint Green

HEX
#DAE9D6
RGB
rgb(218, 233, 214)
HSL
hsl(107, 30%, 88%)
HSB
hsb(107, 8%, 91%)
CMYK
cmyk(6%, 0%, 8%, 9%)
Oklch
oklch(91.8% 0.030 139.1)

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

#A8ACA7

Ash · DarkGray · Silver Sand

HEX
#A8ACA7
RGB
rgb(168, 172, 167)
HSL
hsl(108, 3%, 66%)
HSB
hsb(108, 3%, 67%)
CMYK
cmyk(2%, 0%, 3%, 33%)
Oklch
oklch(74.0% 0.008 139.4)

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

#7D9CB1

Slate Blue · LightSlateGray · Navy Blue

HEX
#7D9CB1
RGB
rgb(125, 156, 177)
HSL
hsl(204, 25%, 59%)
HSB
hsb(204, 29%, 69%)
CMYK
cmyk(29%, 12%, 0%, 31%)
Oklch
oklch(67.7% 0.046 238.0)

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

#718598

Slate Blue · LightSlateGray · Navy Blue

HEX
#718598
RGB
rgb(113, 133, 152)
HSL
hsl(209, 16%, 52%)
HSB
hsb(209, 26%, 60%)
CMYK
cmyk(26%, 12%, 0%, 40%)
Oklch
oklch(60.8% 0.037 247.1)

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

#6C7580

Indigo · SlateGray · Warm Gray

HEX
#6C7580
RGB
rgb(108, 117, 128)
HSL
hsl(213, 8%, 46%)
HSB
hsb(213, 16%, 50%)
CMYK
cmyk(16%, 9%, 0%, 50%)
Oklch
oklch(55.9% 0.020 253.4)

Traditional「Indigo」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE9D6
E6D7EA

Analogous

E4EAD7
DAE9D6
D7EADC

Triadic

DAE9D6
D7DBEA
EAD7DB

Split-Comp.

DAE9D6
DCD7EA
EAD7E4

Tetradic

DAE9D6
D7E4EA
E6D7EA
EADCD7

Contrast Matrix WCAG 2.1 Contrast

DAE9D6
A8ACA7
7D9CB1
718598
6C7580
—
1.8
Fail
2.3
Fail
3.0
AA Large
3.7
AA Large
1.8
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
2.3
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
3.0
AA Large
1.7
Fail
1.3
Fail
—
1.2
Fail
3.7
AA Large
2.0
Fail
1.6
Fail
1.2
Fail
—
White BG
1.3Fail
2.3Fail
2.9Fail
3.8AA Large
4.7AA
Black BG
16.6AAA
9.1AAA
7.3AAA
5.5AA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E1DB
AAAAA8
8A8BAC
7A7A93
70707D

Deuteranopia

E0DFDC
AAA9A9
8986AB
797792
6F6F7D

Tritanopia

DBDEDF
A8A9A9
7FA8A7
72908F
6C7B7B

Achromatopsia

E2E2E2
AAAAAA
959595
818181
747474

Shades & Tints Shades & Tints

#DAE9D6

Dark
Light

#A8ACA7

Dark
Light

#7D9CB1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae9d6;
  --color-2: #a8aca7;
  --color-3: #7d9cb1;
  --color-4: #718598;
  --color-5: #6c7580;
}

SCSS

$color-1: #dae9d6;
$color-2: #a8aca7;
$color-3: #7d9cb1;
$color-4: #718598;
$color-5: #6c7580;

TAILWIND

colors: {
  'brand-1': '#dae9d6',
  'brand-2': '#a8aca7',
  'brand-3': '#7d9cb1',
  'brand-4': '#718598',
  'brand-5': '#6c7580',
}

RGB Array

[218, 233, 214], [168, 172, 167], [125, 156, 177], [113, 133, 152], [108, 117, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DAE9D6, #A8ACA7, #7D9CB1, #718598, #6C7580 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: #dae9d6; --color-2: #a8aca7; --color-3: #7d9cb1; --color-4: #718598; --color-5: #6c7580. 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