#EEF1D6 + #CEF3CA + #9AD9AA + #57B2A0 + #D06659 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEF1D6

Fresh Green · Beige · Lemon Cream

HEX

#EEF1D6

RGB

rgb(238, 241, 214)

HSL

hsl(67, 49%, 89%)

HSB

hsb(67, 11%, 95%)

CMYK

cmyk(1%, 0%, 11%, 5%)

Oklch

oklch(94.9% 0.036 112.2)

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

#CEF3CA

Emerald · LightGray · Mint Green

HEX

#CEF3CA

RGB

rgb(206, 243, 202)

HSL

hsl(114, 63%, 87%)

HSB

hsb(114, 17%, 95%)

CMYK

cmyk(15%, 0%, 17%, 5%)

Oklch

oklch(92.7% 0.067 142.4)

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

#9AD9AA

Celadon · LightGreen · Apple Green

HEX

#9AD9AA

RGB

rgb(154, 217, 170)

HSL

hsl(135, 45%, 73%)

HSB

hsb(135, 29%, 85%)

CMYK

cmyk(29%, 0%, 22%, 15%)

Oklch

oklch(83.0% 0.092 151.9)

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

#57B2A0

Mineral Blue · CadetBlue · Lake Green

HEX

#57B2A0

RGB

rgb(87, 178, 160)

HSL

hsl(168, 37%, 52%)

HSB

hsb(168, 51%, 70%)

CMYK

cmyk(51%, 0%, 10%, 30%)

Oklch

oklch(70.2% 0.092 178.8)

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

#D06659

Crimson · Tomato · Passion Red

HEX

#D06659

RGB

rgb(208, 102, 89)

HSL

hsl(7, 56%, 58%)

HSB

hsb(7, 57%, 82%)

CMYK

cmyk(0%, 51%, 57%, 18%)

Oklch

oklch(63.4% 0.137 28.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEF1D6

D8D5F1

Analogous

F1E6D5

EEF1D6

E0F1D5

Triadic

EEF1D6

D5EDF1

F1D5ED

Split-Comp.

EEF1D6

D5E0F1

E6D5F1

Tetradic

EEF1D6

D5F1E6

D8D5F1

F1D5E0

Contrast Matrix WCAG 2.1 Contrast

EEF1D6	CEF3CA	9AD9AA	57B2A0	D06659
—	1.1 Fail	1.4 Fail	2.2 Fail	3.2 AA Large
1.1 Fail	—	1.3 Fail	2.1 Fail	3.0 AA Large
1.4 Fail	1.3 Fail	—	1.6 Fail	2.2 Fail
2.2 Fail	2.1 Fail	1.6 Fail	—	1.4 Fail
3.2 AA Large	3.0 AA Large	2.2 Fail	1.4 Fail	—

White BG

1.2Fail

1.6Fail

2.5Fail

3.7AA Large

Black BG

18.2AAA

17.3AAA

12.9AAA

8.3AAA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFDD

DEDED4

B5B6B5

7E7FA4

A2A15C

Deuteranopia

EFEFDE

DCD9D6

B2ADB8

7972A5

A8B05D

Tritanopia

EEE2E3

D0DCDD

9DBEC0

5CA8A9

CB5F5F

Achromatopsia

EDEDED

E3E3E3

C1C1C1

959595

848484

Shades & Tints Shades & Tints

#EEF1D6

Dark

Light

#CEF3CA

Dark

Light

#9AD9AA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eef1d6;
  --color-2: #cef3ca;
  --color-3: #9ad9aa;
  --color-4: #57b2a0;
  --color-5: #d06659;
}

SCSS

$color-1: #eef1d6;
$color-2: #cef3ca;
$color-3: #9ad9aa;
$color-4: #57b2a0;
$color-5: #d06659;

TAILWIND

colors: {
  'brand-1': '#eef1d6',
  'brand-2': '#cef3ca',
  'brand-3': '#9ad9aa',
  'brand-4': '#57b2a0',
  'brand-5': '#d06659',
}

RGB Array

[238, 241, 214], [206, 243, 202], [154, 217, 170], [87, 178, 160], [208, 102, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EEF1D6, #CEF3CA, #9AD9AA, #57B2A0, #D06659 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: #eef1d6; --color-2: #cef3ca; --color-3: #9ad9aa; --color-4: #57b2a0; --color-5: #d06659. 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