#9FE6C2 + #D5DDD8 + #B6E6CD + #C9E6D6 + #DAE4DF · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9FE6C2

Jade · LightBlue · Apple Green

HEX

#9FE6C2

RGB

rgb(159, 230, 194)

HSL

hsl(150, 59%, 76%)

HSB

hsb(150, 31%, 90%)

CMYK

cmyk(31%, 0%, 16%, 10%)

Oklch

oklch(86.8% 0.087 161.8)

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

#D5DDD8

Celadon · LightGray · Mint Green

HEX

#D5DDD8

RGB

rgb(213, 221, 216)

HSL

hsl(142, 11%, 85%)

HSB

hsb(142, 4%, 87%)

CMYK

cmyk(4%, 0%, 2%, 13%)

Oklch

oklch(89.0% 0.011 158.8)

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

#B6E6CD

Celadon · LightBlue · Mint Green

HEX

#B6E6CD

RGB

rgb(182, 230, 205)

HSL

hsl(149, 49%, 81%)

HSB

hsb(149, 21%, 90%)

CMYK

cmyk(21%, 0%, 11%, 10%)

Oklch

oklch(88.4% 0.060 162.2)

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

#C9E6D6

Celadon · LightGray · Mint Green

HEX

#C9E6D6

RGB

rgb(201, 230, 214)

HSL

hsl(147, 37%, 85%)

HSB

hsb(147, 13%, 90%)

CMYK

cmyk(13%, 0%, 7%, 10%)

Oklch

oklch(89.9% 0.037 161.5)

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

#DAE4DF

Jade · LightGray · Mint Green

HEX

#DAE4DF

RGB

rgb(218, 228, 223)

HSL

hsl(150, 16%, 87%)

HSB

hsb(150, 4%, 89%)

CMYK

cmyk(4%, 0%, 2%, 11%)

Oklch

oklch(91.0% 0.013 164.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9FE6C2

E69EC2

Analogous

9EE69E

9FE6C2

9EE6E6

Triadic

9FE6C2

C29EE6

E6C29E

Split-Comp.

9FE6C2

E69EE6

E69E9E

Tetradic

9FE6C2

9E9EE6

E69EC2

E6E69E

Contrast Matrix WCAG 2.1 Contrast

9FE6C2	D5DDD8	B6E6CD	C9E6D6	DAE4DF
—	1.0 Fail	1.0 Fail	1.1 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.4Fail

1.3Fail

Black BG

14.6AAA

15.2AAA

15.8AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBECB

D8D9D9

CBCBD3

D6D6DA

DEDEE0

Deuteranopia

BAB4CD

D8D7DA

C8C4D5

D4D2DB

DEDDE1

Tritanopia

A3D2D3

D5DADA

B8D8D9

CADDDE

DBE1E1

Achromatopsia

CDCDCD

DADADA

D5D5D5

DCDCDC

E0E0E0

Shades & Tints Shades & Tints

#9FE6C2

Dark

Light

#D5DDD8

Dark

Light

#B6E6CD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9fe6c2;
  --color-2: #d5ddd8;
  --color-3: #b6e6cd;
  --color-4: #c9e6d6;
  --color-5: #dae4df;
}

SCSS

$color-1: #9fe6c2;
$color-2: #d5ddd8;
$color-3: #b6e6cd;
$color-4: #c9e6d6;
$color-5: #dae4df;

TAILWIND

colors: {
  'brand-1': '#9fe6c2',
  'brand-2': '#d5ddd8',
  'brand-3': '#b6e6cd',
  'brand-4': '#c9e6d6',
  'brand-5': '#dae4df',
}

RGB Array

[159, 230, 194], [213, 221, 216], [182, 230, 205], [201, 230, 214], [218, 228, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #9FE6C2, #D5DDD8, #B6E6CD, #C9E6D6, #DAE4DF 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: #9fe6c2; --color-2: #d5ddd8; --color-3: #b6e6cd; --color-4: #c9e6d6; --color-5: #dae4df. 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 sea-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