← Back to Editor

#CACCAD · #B6D6B7 · #A2E0C1 · #8AF2BE · #524859

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#CACCAD

Fresh Green · Silver · Sunflower

HEX
#CACCAD
RGB
rgb(202, 204, 173)
HSL
hsl(64, 23%, 74%)
HSB
hsb(64, 15%, 80%)
CMYK
cmyk(1%, 0%, 15%, 20%)
Oklch
oklch(83.5% 0.042 110.3)

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

#B6D6B7

Celadon · Silver · Apple Green

HEX
#B6D6B7
RGB
rgb(182, 214, 183)
HSL
hsl(122, 28%, 78%)
HSB
hsb(122, 15%, 84%)
CMYK
cmyk(15%, 0%, 14%, 16%)
Oklch
oklch(84.4% 0.055 145.9)

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

#A2E0C1

Jade · LightBlue · Apple Green

HEX
#A2E0C1
RGB
rgb(162, 224, 193)
HSL
hsl(150, 50%, 76%)
HSB
hsb(150, 28%, 88%)
CMYK
cmyk(28%, 0%, 14%, 12%)
Oklch
oklch(85.6% 0.077 162.5)

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

#8AF2BE

Jade · LightGreen · Apple Green

HEX
#8AF2BE
RGB
rgb(138, 242, 190)
HSL
hsl(150, 80%, 75%)
HSB
hsb(150, 43%, 95%)
CMYK
cmyk(43%, 0%, 21%, 5%)
Oklch
oklch(88.4% 0.122 160.7)

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

#524859

Dark Plum · DarkSlateGray · Eggplant

HEX
#524859
RGB
rgb(82, 72, 89)
HSL
hsl(275, 11%, 32%)
HSB
hsb(275, 19%, 35%)
CMYK
cmyk(8%, 19%, 0%, 65%)
Oklch
oklch(41.8% 0.031 311.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CACCAD
AFADCC

Analogous

CCBFAD
CACCAD
BBCCAD

Triadic

CACCAD
ADCACC
CCADCA

Split-Comp.

CACCAD
ADBBCC
BFADCC

Tetradic

CACCAD
ADCCBF
AFADCC
CCADBB

Contrast Matrix WCAG 2.1 Contrast

CACCAD
B6D6B7
A2E0C1
8AF2BE
524859
—
1.0
Fail
1.1
Fail
1.2
Fail
5.2
AA
1.0
Fail
—
1.1
Fail
1.2
Fail
5.5
AA
1.1
Fail
1.1
Fail
—
1.1
Fail
5.7
AA
1.2
Fail
1.2
Fail
1.1
Fail
—
6.4
AA
5.2
AA
5.5
AA
5.7
AA
6.4
AA
—
White BG
1.6Fail
1.6Fail
1.5Fail
1.4Fail
8.6AAA
Black BG
12.8AAA
13.3AAA
14.0AAA
15.5AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBB5
C4C4BF
BDBDC9
B7B8CB
4E4E55

Deuteranopia

CBCBB6
C2C0C0
B9B5CA
B1A9CE
4E4F54

Tritanopia

CABABC
B8C4C6
A5CED0
8FD5D7
515251

Achromatopsia

C8C8C8
C9C9C9
CACACA
CDCDCD
4D4D4D

Shades & Tints Shades & Tints

#CACCAD

Dark
Light

#B6D6B7

Dark
Light

#A2E0C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #caccad;
  --color-2: #b6d6b7;
  --color-3: #a2e0c1;
  --color-4: #8af2be;
  --color-5: #524859;
}

SCSS

$color-1: #caccad;
$color-2: #b6d6b7;
$color-3: #a2e0c1;
$color-4: #8af2be;
$color-5: #524859;

TAILWIND

colors: {
  'brand-1': '#caccad',
  'brand-2': '#b6d6b7',
  'brand-3': '#a2e0c1',
  'brand-4': '#8af2be',
  'brand-5': '#524859',
}

RGB Array

[202, 204, 173], [182, 214, 183], [162, 224, 193], [138, 242, 190], [82, 72, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CACCAD, #B6D6B7, #A2E0C1, #8AF2BE, #524859 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #caccad; --color-2: #b6d6b7; --color-3: #a2e0c1; --color-4: #8af2be; --color-5: #524859. 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. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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