#D2EDCC + #A7D3A9 + #89B35E + #EED369 + #F0F090 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D2EDCC

Celadon · LightGray · Mint Green

HEX

#D2EDCC

RGB

rgb(210, 237, 204)

HSL

hsl(109, 48%, 86%)

HSB

hsb(109, 14%, 93%)

CMYK

cmyk(11%, 0%, 14%, 7%)

Oklch

oklch(91.8% 0.053 140.0)

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

#A7D3A9

Celadon · Silver · Apple Green

HEX

#A7D3A9

RGB

rgb(167, 211, 169)

HSL

hsl(123, 33%, 74%)

HSB

hsb(123, 21%, 83%)

CMYK

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

Oklch

oklch(82.4% 0.074 146.0)

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

#89B35E

Celadon · DarkSeaGreen · Olive Green

HEX

#89B35E

RGB

rgb(137, 179, 94)

HSL

hsl(90, 36%, 54%)

HSB

hsb(90, 47%, 70%)

CMYK

cmyk(23%, 0%, 47%, 30%)

Oklch

oklch(71.7% 0.123 130.5)

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

#EED369

Ginger · Khaki · Sunflower

HEX

#EED369

RGB

rgb(238, 211, 105)

HSL

hsl(48, 80%, 67%)

HSB

hsb(48, 56%, 93%)

CMYK

cmyk(0%, 11%, 56%, 7%)

Oklch

oklch(86.9% 0.129 95.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F0F090

Fresh Green · Khaki · Sunflower

HEX

#F0F090

RGB

rgb(240, 240, 144)

HSL

hsl(60, 76%, 75%)

HSB

hsb(60, 40%, 94%)

CMYK

cmyk(0%, 0%, 40%, 6%)

Oklch

oklch(93.5% 0.119 108.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2EDCC

E6CAEC

Analogous

E2ECCA

D2EDCC

CAECD5

Triadic

D2EDCC

CAD0EC

ECCAD0

Split-Comp.

D2EDCC

D5CAEC

ECCAE2

Tetradic

D2EDCC

CAE2EC

E6CAEC

ECD5CA

Contrast Matrix WCAG 2.1 Contrast

D2EDCC	A7D3A9	89B35E	EED369	F0F090
—	1.3 Fail	1.9 Fail	1.2 Fail	1.1 Fail
1.3 Fail	—	1.4 Fail	1.1 Fail	1.4 Fail
1.9 Fail	1.4 Fail	—	1.6 Fail	2.0 Fail
1.2 Fail	1.1 Fail	1.6 Fail	—	1.2 Fail
1.1 Fail	1.4 Fail	2.0 Fail	1.2 Fail	—

White BG

1.3Fail

1.7Fail

2.4Fail

1.5Fail

1.2Fail

Black BG

16.7AAA

12.5AAA

8.7AAA

14.2AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDED4

BABAB3

9B9C73

E2E283

F0F0A7

Deuteranopia

DCDAD6

B8B4B6

999678

E4E689

F0F0AD

Tritanopia

D3DADC

A9BBBD

8B8386

ED979B

F0BABE

Achromatopsia

E1E1E1

C1C1C1

9D9D9D

CFCFCF

E5E5E5

Shades & Tints Shades & Tints

#D2EDCC

Dark

Light

#A7D3A9

Dark

Light

#89B35E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2edcc;
  --color-2: #a7d3a9;
  --color-3: #89b35e;
  --color-4: #eed369;
  --color-5: #f0f090;
}

SCSS

$color-1: #d2edcc;
$color-2: #a7d3a9;
$color-3: #89b35e;
$color-4: #eed369;
$color-5: #f0f090;

TAILWIND

colors: {
  'brand-1': '#d2edcc',
  'brand-2': '#a7d3a9',
  'brand-3': '#89b35e',
  'brand-4': '#eed369',
  'brand-5': '#f0f090',
}

RGB Array

[210, 237, 204], [167, 211, 169], [137, 179, 94], [238, 211, 105], [240, 240, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D2EDCC, #A7D3A9, #89B35E, #EED369, #F0F090 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: #d2edcc; --color-2: #a7d3a9; --color-3: #89b35e; --color-4: #eed369; --color-5: #f0f090. 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