← Back to Editor

#A2CAA6 · #D8DAC6 · #D2B5C1 · #AF6B90 · #CD94A6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A2CAA6

Celadon · DarkSeaGreen · Apple Green

HEX
#A2CAA6
RGB
rgb(162, 202, 166)
HSL
hsl(126, 27%, 71%)
HSB
hsb(126, 20%, 79%)
CMYK
cmyk(20%, 0%, 18%, 21%)
Oklch
oklch(80.0% 0.066 147.6)

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

#D8DAC6

Fresh Green · LightGray · Lemon Cream

HEX
#D8DAC6
RGB
rgb(216, 218, 198)
HSL
hsl(66, 21%, 82%)
HSB
hsb(66, 9%, 85%)
CMYK
cmyk(1%, 0%, 9%, 15%)
Oklch
oklch(88.1% 0.027 111.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D2B5C1

Rouge · Silver · Cherry Blossom

HEX
#D2B5C1
RGB
rgb(210, 181, 193)
HSL
hsl(335, 24%, 77%)
HSB
hsb(335, 14%, 82%)
CMYK
cmyk(0%, 14%, 8%, 18%)
Oklch
oklch(80.2% 0.037 351.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#AF6B90

Rose Purple · Gray · Rose Pink

HEX
#AF6B90
RGB
rgb(175, 107, 144)
HSL
hsl(327, 30%, 55%)
HSB
hsb(327, 39%, 69%)
CMYK
cmyk(0%, 39%, 18%, 31%)
Oklch
oklch(61.3% 0.099 346.6)

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

#CD94A6

Rouge · Tan · Rose Pink

HEX
#CD94A6
RGB
rgb(205, 148, 166)
HSL
hsl(341, 36%, 69%)
HSB
hsb(341, 28%, 80%)
CMYK
cmyk(0%, 28%, 19%, 20%)
Oklch
oklch(72.7% 0.072 358.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A2CAA6
C9A1C5

Analogous

B1C9A1
A2CAA6
A1C9B9

Triadic

A2CAA6
A5A1C9
C9A5A1

Split-Comp.

A2CAA6
B9A1C9
C9A1B1

Tetradic

A2CAA6
A1B1C9
C9A1C5
C9B9A1

Contrast Matrix WCAG 2.1 Contrast

A2CAA6
D8DAC6
D2B5C1
AF6B90
CD94A6
—
1.3
Fail
1.0
Fail
2.2
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
2.8
Fail
1.8
Fail
1.0
Fail
1.3
Fail
—
2.1
Fail
1.3
Fail
2.2
Fail
2.8
Fail
2.1
Fail
—
1.6
Fail
1.4
Fail
1.8
Fail
1.3
Fail
1.6
Fail
—
White BG
1.8Fail
1.4Fail
1.9Fail
3.9AA Large
2.5Fail
Black BG
11.5AAA
14.8AAA
11.1AAA
5.3AA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B4AF
D9D9CB
C5C5BE
929187
B4B4A2

Deuteranopia

B1AEB1
D9D9CC
C7C9BD
969B85
B8BCA1

Tritanopia

A4B6B7
D8CFD0
D1BCBB
AC807E
CA9E9D

Achromatopsia

BABABA
D7D7D7
BFBFBF
848484
A7A7A7

Shades & Tints Shades & Tints

#A2CAA6

Dark
Light

#D8DAC6

Dark
Light

#D2B5C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a2caa6;
  --color-2: #d8dac6;
  --color-3: #d2b5c1;
  --color-4: #af6b90;
  --color-5: #cd94a6;
}

SCSS

$color-1: #a2caa6;
$color-2: #d8dac6;
$color-3: #d2b5c1;
$color-4: #af6b90;
$color-5: #cd94a6;

TAILWIND

colors: {
  'brand-1': '#a2caa6',
  'brand-2': '#d8dac6',
  'brand-3': '#d2b5c1',
  'brand-4': '#af6b90',
  'brand-5': '#cd94a6',
}

RGB Array

[162, 202, 166], [216, 218, 198], [210, 181, 193], [175, 107, 144], [205, 148, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A2CAA6, #D8DAC6, #D2B5C1, #AF6B90, #CD94A6 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #a2caa6; --color-2: #d8dac6; --color-3: #d2b5c1; --color-4: #af6b90; --color-5: #cd94a6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 general-style 5-color scheme is especially suited for beauty, lifestyle, arts 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