← Back to Editor

#CDFAEB · #B0DDCE · #B2F143 · #9DD361 · #779C59

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#CDFAEB

Jade · Lavender · Glacier Blue

HEX
#CDFAEB
RGB
rgb(205, 250, 235)
HSL
hsl(160, 82%, 89%)
HSB
hsb(160, 18%, 98%)
CMYK
cmyk(18%, 0%, 6%, 2%)
Oklch
oklch(95.0% 0.050 172.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#B0DDCE

Jade · LightBlue · Glacier Blue

HEX
#B0DDCE
RGB
rgb(176, 221, 206)
HSL
hsl(160, 40%, 78%)
HSB
hsb(160, 20%, 87%)
CMYK
cmyk(20%, 0%, 7%, 13%)
Oklch
oklch(86.1% 0.051 172.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#B2F143

Grass Green · GreenYellow · Olive Green

HEX
#B2F143
RGB
rgb(178, 241, 67)
HSL
hsl(82, 86%, 60%)
HSB
hsb(82, 72%, 95%)
CMYK
cmyk(26%, 0%, 72%, 5%)
Oklch
oklch(88.5% 0.206 127.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#9DD361

Grass Green · DarkSeaGreen · Olive Green

HEX
#9DD361
RGB
rgb(157, 211, 97)
HSL
hsl(88, 56%, 60%)
HSB
hsb(88, 54%, 83%)
CMYK
cmyk(26%, 0%, 54%, 17%)
Oklch
oklch(80.5% 0.156 130.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#779C59

Celadon · Gray · Olive Green

HEX
#779C59
RGB
rgb(119, 156, 89)
HSL
hsl(93, 27%, 48%)
HSB
hsb(93, 43%, 61%)
CMYK
cmyk(24%, 0%, 43%, 39%)
Oklch
oklch(64.9% 0.102 132.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDFAEB
FACCDB

Analogous

CCFAD4
CDFAEB
CCF2FA

Triadic

CDFAEB
EBCCFA
FAEBCC

Split-Comp.

CDFAEB
FACCF2
FAD4CC

Tetradic

CDFAEB
D4CCFA
FACCDB
F2FACC

Contrast Matrix WCAG 2.1 Contrast

CDFAEB
B0DDCE
B2F143
9DD361
779C59
—
1.3
Fail
1.2
Fail
1.5
Fail
2.8
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
2.1
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
2.3
Fail
1.5
Fail
1.2
Fail
1.3
Fail
—
1.8
Fail
2.8
Fail
2.1
Fail
2.3
Fail
1.8
Fail
—
White BG
1.1Fail
1.5Fail
1.3Fail
1.8Fail
3.1AA Large
Black BG
18.5AAA
14.1AAA
15.6AAA
11.9AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E1EF
C3C4D2
CDCE6D
B4B57D
878769

Deuteranopia

DEDBF0
C1BED3
CAC577
B1AD83
85826D

Tritanopia

CFF1F2
B2D4D5
B58E96
A09297
797679

Achromatopsia

EBEBEB
CECECE
CACACA
B6B6B6
898989

Shades & Tints Shades & Tints

#CDFAEB

Dark
Light

#B0DDCE

Dark
Light

#B2F143

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdfaeb;
  --color-2: #b0ddce;
  --color-3: #b2f143;
  --color-4: #9dd361;
  --color-5: #779c59;
}

SCSS

$color-1: #cdfaeb;
$color-2: #b0ddce;
$color-3: #b2f143;
$color-4: #9dd361;
$color-5: #779c59;

TAILWIND

colors: {
  'brand-1': '#cdfaeb',
  'brand-2': '#b0ddce',
  'brand-3': '#b2f143',
  'brand-4': '#9dd361',
  'brand-5': '#779c59',
}

RGB Array

[205, 250, 235], [176, 221, 206], [178, 241, 67], [157, 211, 97], [119, 156, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDFAEB, #B0DDCE, #B2F143, #9DD361, #779C59 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: #cdfaeb; --color-2: #b0ddce; --color-3: #b2f143; --color-4: #9dd361; --color-5: #779c59. 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