#C0DDA1 + #A8D4A0 + #90CB9D + #78C29E + #60B99A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C0DDA1

Willow Green · Silver · Apple Green

HEX

#C0DDA1

RGB

rgb(192, 221, 161)

HSL

hsl(89, 47%, 75%)

HSB

hsb(89, 27%, 87%)

CMYK

cmyk(13%, 0%, 27%, 13%)

Oklch

oklch(86.1% 0.086 129.0)

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

#A8D4A0

Celadon · DarkSeaGreen · Apple Green

HEX

#A8D4A0

RGB

rgb(168, 212, 160)

HSL

hsl(111, 38%, 73%)

HSB

hsb(111, 25%, 83%)

CMYK

cmyk(21%, 0%, 25%, 17%)

Oklch

oklch(82.5% 0.085 140.7)

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

#90CB9D

Celadon · DarkSeaGreen · Apple Green

HEX

#90CB9D

RGB

rgb(144, 203, 157)

HSL

hsl(133, 36%, 68%)

HSB

hsb(133, 29%, 80%)

CMYK

cmyk(29%, 0%, 23%, 20%)

Oklch

oklch(78.9% 0.089 150.8)

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

#78C29E

Jade · MediumAquaMarine · Apple Green

HEX

#78C29E

RGB

rgb(120, 194, 158)

HSL

hsl(151, 38%, 62%)

HSB

hsb(151, 38%, 76%)

CMYK

cmyk(38%, 0%, 19%, 24%)

Oklch

oklch(75.5% 0.091 162.0)

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

#60B99A

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#60B99A

RGB

rgb(96, 185, 154)

HSL

hsl(159, 39%, 55%)

HSB

hsb(159, 48%, 73%)

CMYK

cmyk(48%, 0%, 17%, 27%)

Oklch

oklch(72.2% 0.098 168.6)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0DDA1

BEA1DD

Analogous

DDDCA1

C0DDA1

A2DDA1

Triadic

C0DDA1

A1C0DD

DDA1C0

Split-Comp.

C0DDA1

A1A2DD

DCA1DD

Tetradic

C0DDA1

A1DDDC

BEA1DD

DDA1A2

Contrast Matrix WCAG 2.1 Contrast

C0DDA1	A8D4A0	90CB9D	78C29E	60B99A
—	1.1 Fail	1.3 Fail	1.4 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.4 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

1.5Fail

1.7Fail

1.9Fail

2.1Fail

2.4Fail

Black BG

14.1AAA

12.6AAA

11.2AAA

10.0AAA

8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDB0

BBBBAD

AAAAA8

9899A7

8787A2

Deuteranopia

CBC9B3

B9B5B0

A6A2AB

948EA9

817BA3

Tritanopia

C1BBBE

AAB7B9

93B1B3

7CAEAF

64A7A9

Achromatopsia

CDCDCD

C1C1C1

B4B4B4

A8A8A8

9B9B9B

Shades & Tints Shades & Tints

#C0DDA1

Dark

Light

#A8D4A0

Dark

Light

#90CB9D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0dda1;
  --color-2: #a8d4a0;
  --color-3: #90cb9d;
  --color-4: #78c29e;
  --color-5: #60b99a;
}

SCSS

$color-1: #c0dda1;
$color-2: #a8d4a0;
$color-3: #90cb9d;
$color-4: #78c29e;
$color-5: #60b99a;

TAILWIND

colors: {
  'brand-1': '#c0dda1',
  'brand-2': '#a8d4a0',
  'brand-3': '#90cb9d',
  'brand-4': '#78c29e',
  'brand-5': '#60b99a',
}

RGB Array

[192, 221, 161], [168, 212, 160], [144, 203, 157], [120, 194, 158], [96, 185, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0DDA1, #A8D4A0, #90CB9D, #78C29E, #60B99A is ideal for: health products, baby brands, fresh-style blogs. 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: #c0dda1; --color-2: #a8d4a0; --color-3: #90cb9d; --color-4: #78c29e; --color-5: #60b99a. 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 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