← Back to Editor

#9EDFD4 · #A5CACF · #A1A4B7 · #A07591 · #AC5D7F

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

#9EDFD4

Jade · LightBlue · Lake Green

HEX
#9EDFD4
RGB
rgb(158, 223, 212)
HSL
hsl(170, 50%, 75%)
HSB
hsb(170, 29%, 87%)
CMYK
cmyk(29%, 0%, 5%, 13%)
Oklch
oklch(85.7% 0.067 183.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#A5CACF

Sky Blue · LightSteelBlue · Lake Green

HEX
#A5CACF
RGB
rgb(165, 202, 207)
HSL
hsl(187, 30%, 73%)
HSB
hsb(187, 20%, 81%)
CMYK
cmyk(20%, 2%, 0%, 19%)
Oklch
oklch(81.4% 0.040 206.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A1A4B7

Azure · DarkGray · Cobalt Blue

HEX
#A1A4B7
RGB
rgb(161, 164, 183)
HSL
hsl(232, 13%, 67%)
HSB
hsb(232, 12%, 72%)
CMYK
cmyk(12%, 10%, 0%, 28%)
Oklch
oklch(72.2% 0.028 278.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#A07591

Rose Purple · Gray · Rose Pink

HEX
#A07591
RGB
rgb(160, 117, 145)
HSL
hsl(321, 18%, 54%)
HSB
hsb(321, 27%, 63%)
CMYK
cmyk(0%, 27%, 9%, 37%)
Oklch
oklch(61.4% 0.066 340.0)

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

#AC5D7F

Dark Violet · Gray · Rose Pink

HEX
#AC5D7F
RGB
rgb(172, 93, 127)
HSL
hsl(334, 32%, 52%)
HSB
hsb(334, 46%, 67%)
CMYK
cmyk(0%, 46%, 26%, 33%)
Oklch
oklch(58.0% 0.110 353.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9EDFD4
DF9FAA

Analogous

9FDFB5
9EDFD4
9FCADF

Triadic

9EDFD4
D49FDF
DFD49F

Split-Comp.

9EDFD4
DF9FCA
DFB59F

Tetradic

9EDFD4
B59FDF
DF9FAA
CADF9F

Contrast Matrix WCAG 2.1 Contrast

9EDFD4
A5CACF
A1A4B7
A07591
AC5D7F
—
1.2
Fail
1.6
Fail
2.6
Fail
3.0
AA Large
1.2
Fail
—
1.4
Fail
2.2
Fail
2.6
Fail
1.6
Fail
1.4
Fail
—
1.6
Fail
1.8
Fail
2.6
Fail
2.2
Fail
1.6
Fail
—
1.2
Fail
3.0
AA Large
2.6
Fail
1.8
Fail
1.2
Fail
—
White BG
1.5Fail
1.8Fail
2.5Fail
3.9AA Large
4.5AA
Black BG
14.0AAA
11.9AAA
8.5AAA
5.4AA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABBD7
B5B5CE
A2A2B2
8D8D8A
8A8977

Deuteranopia

B6B2D7
B3B0CD
A2A2B1
909389
8E9475

Tritanopia

A1D9D9
A7CDCD
A1AFAE
9E8584
A8706F

Achromatopsia

CACACA
C0C0C0
A5A5A5
858585
787878

Shades & Tints Shades & Tints

#9EDFD4

Dark
Light

#A5CACF

Dark
Light

#A1A4B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9edfd4;
  --color-2: #a5cacf;
  --color-3: #a1a4b7;
  --color-4: #a07591;
  --color-5: #ac5d7f;
}

SCSS

$color-1: #9edfd4;
$color-2: #a5cacf;
$color-3: #a1a4b7;
$color-4: #a07591;
$color-5: #ac5d7f;

TAILWIND

colors: {
  'brand-1': '#9edfd4',
  'brand-2': '#a5cacf',
  'brand-3': '#a1a4b7',
  'brand-4': '#a07591',
  'brand-5': '#ac5d7f',
}

RGB Array

[158, 223, 212], [165, 202, 207], [161, 164, 183], [160, 117, 145], [172, 93, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #9EDFD4, #A5CACF, #A1A4B7, #A07591, #AC5D7F 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: #9edfd4; --color-2: #a5cacf; --color-3: #a1a4b7; --color-4: #a07591; --color-5: #ac5d7f. 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