← Back to Editor

#00DBD8 · #90F7B0 · #CCE5D6 · #A9CABF · #8EB29D

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

#00DBD8

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#00DBD8
RGB
rgb(0, 219, 216)
HSL
hsl(179, 100%, 43%)
HSB
hsb(179, 100%, 86%)
CMYK
cmyk(100%, 0%, 1%, 14%)
Oklch
oklch(80.6% 0.138 193.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#90F7B0

Emerald · LightGreen · Apple Green

HEX
#90F7B0
RGB
rgb(144, 247, 176)
HSL
hsl(139, 87%, 77%)
HSB
hsb(139, 42%, 97%)
CMYK
cmyk(42%, 0%, 29%, 3%)
Oklch
oklch(89.5% 0.138 152.8)

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

#CCE5D6

Celadon · LightGray · Mint Green

HEX
#CCE5D6
RGB
rgb(204, 229, 214)
HSL
hsl(144, 32%, 85%)
HSB
hsb(144, 11%, 90%)
CMYK
cmyk(11%, 0%, 7%, 10%)
Oklch
oklch(89.9% 0.033 159.4)

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

#A9CABF

Jade · Silver · Lake Green

HEX
#A9CABF
RGB
rgb(169, 202, 191)
HSL
hsl(160, 24%, 73%)
HSB
hsb(160, 16%, 79%)
CMYK
cmyk(16%, 0%, 5%, 21%)
Oklch
oklch(81.2% 0.039 173.1)

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

#8EB29D

Celadon · DarkSeaGreen · Apple Green

HEX
#8EB29D
RGB
rgb(142, 178, 157)
HSL
hsl(145, 19%, 63%)
HSB
hsb(145, 20%, 70%)
CMYK
cmyk(20%, 0%, 12%, 30%)
Oklch
oklch(73.1% 0.049 159.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00DBD8
DB0004

Analogous

00DB6A
00DBD8
0071DB

Triadic

00DBD8
D800DB
DBD800

Split-Comp.

00DBD8
DB0071
DB6A00

Tetradic

00DBD8
6A00DB
DB0004
71DB00

Contrast Matrix WCAG 2.1 Contrast

00DBD8
90F7B0
CCE5D6
A9CABF
8EB29D
—
1.3
Fail
1.3
Fail
1.0
Fail
1.3
Fail
1.3
Fail
—
1.0
Fail
1.4
Fail
1.8
Fail
1.3
Fail
1.0
Fail
—
1.3
Fail
1.7
Fail
1.0
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
1.8
Fail
1.7
Fail
1.3
Fail
—
White BG
1.7Fail
1.3Fail
1.3Fail
1.8Fail
2.3Fail
Black BG
12.1AAA
16.1AAA
15.7AAA
11.9AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F61D9
BDBEC1
D7D7DA
B7B8C2
9E9EA2

Deuteranopia

5242D9
B7AFC5
D5D4DB
B5B3C2
9C99A3

Tritanopia

0BD9D9
95CFD2
CDDCDD
ABC4C4
90A6A7

Achromatopsia

999999
D0D0D0
DCDCDC
BFBFBF
A5A5A5

Shades & Tints Shades & Tints

#00DBD8

Dark
Light

#90F7B0

Dark
Light

#CCE5D6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00dbd8;
  --color-2: #90f7b0;
  --color-3: #cce5d6;
  --color-4: #a9cabf;
  --color-5: #8eb29d;
}

SCSS

$color-1: #00dbd8;
$color-2: #90f7b0;
$color-3: #cce5d6;
$color-4: #a9cabf;
$color-5: #8eb29d;

TAILWIND

colors: {
  'brand-1': '#00dbd8',
  'brand-2': '#90f7b0',
  'brand-3': '#cce5d6',
  'brand-4': '#a9cabf',
  'brand-5': '#8eb29d',
}

RGB Array

[0, 219, 216], [144, 247, 176], [204, 229, 214], [169, 202, 191], [142, 178, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00DBD8, #90F7B0, #CCE5D6, #A9CABF, #8EB29D 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: #00dbd8; --color-2: #90f7b0; --color-3: #cce5d6; --color-4: #a9cabf; --color-5: #8eb29d. 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