#E5E9E2 + #E5E3ED + #EFE0FA + #F3EBE7 + #F4F3CB · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E5E9E2

Celadon · Beige · Mint Green

HEX

#E5E9E2

RGB

rgb(229, 233, 226)

HSL

hsl(94, 14%, 90%)

HSB

hsb(94, 3%, 91%)

CMYK

cmyk(2%, 0%, 3%, 9%)

Oklch

oklch(92.9% 0.010 131.4)

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

#E5E3ED

Wisteria · Lavender · Sky Blue

HEX

#E5E3ED

RGB

rgb(229, 227, 237)

HSL

hsl(252, 22%, 91%)

HSB

hsb(252, 4%, 93%)

CMYK

cmyk(3%, 4%, 0%, 7%)

Oklch

oklch(92.0% 0.014 295.3)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#EFE0FA

Lilac · Lavender · Lavender

HEX

#EFE0FA

RGB

rgb(239, 224, 250)

HSL

hsl(275, 72%, 93%)

HSB

hsb(275, 10%, 98%)

CMYK

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

Oklch

oklch(92.6% 0.038 311.1)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#F3EBE7

Apricot · Linen · Peach Orange

HEX

#F3EBE7

RGB

rgb(243, 235, 231)

HSL

hsl(20, 33%, 93%)

HSB

hsb(20, 5%, 95%)

CMYK

cmyk(0%, 3%, 5%, 5%)

Oklch

oklch(94.5% 0.010 48.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F4F3CB

Fresh Green · Beige · Lemon Cream

HEX

#F4F3CB

RGB

rgb(244, 243, 203)

HSL

hsl(59, 65%, 88%)

HSB

hsb(59, 17%, 96%)

CMYK

cmyk(0%, 0%, 17%, 4%)

Oklch

oklch(95.5% 0.052 106.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5E9E2

E6E2E9

Analogous

E9E9E2

E5E9E2

E2E9E2

Triadic

E5E9E2

E2E5E9

E9E2E5

Split-Comp.

E5E9E2

E2E2E9

E9E2E9

Tetradic

E5E9E2

E2E9E9

E6E2E9

E9E2E2

Contrast Matrix WCAG 2.1 Contrast

E5E9E2	E5E3ED	EFE0FA	F3EBE7	F4F3CB
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.0 Fail	1.1 Fail	1.1 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.2Fail

1.3Fail

1.2Fail

1.1Fail

Black BG

17.1AAA

16.5AAA

16.7AAA

17.8AAA

18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7E4

E4E4EB

E9E8F4

F0EFE8

F4F4D5

Deuteranopia

E7E6E4

E4E4EA

E9EBF2

F0F1E8

F4F4D7

Tritanopia

E5E5E5

E5E9E8

EEEFEE

F3E9E9

F4DCDE

Achromatopsia

E7E7E7

E5E5E5

E7E7E7

EDEDED

EFEFEF

Shades & Tints Shades & Tints

#E5E9E2

Dark

Light

#E5E3ED

Dark

Light

#EFE0FA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5e9e2;
  --color-2: #e5e3ed;
  --color-3: #efe0fa;
  --color-4: #f3ebe7;
  --color-5: #f4f3cb;
}

SCSS

$color-1: #e5e9e2;
$color-2: #e5e3ed;
$color-3: #efe0fa;
$color-4: #f3ebe7;
$color-5: #f4f3cb;

TAILWIND

colors: {
  'brand-1': '#e5e9e2',
  'brand-2': '#e5e3ed',
  'brand-3': '#efe0fa',
  'brand-4': '#f3ebe7',
  'brand-5': '#f4f3cb',
}

RGB Array

[229, 233, 226], [229, 227, 237], [239, 224, 250], [243, 235, 231], [244, 243, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E5E9E2, #E5E3ED, #EFE0FA, #F3EBE7, #F4F3CB 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: #e5e9e2; --color-2: #e5e3ed; --color-3: #efe0fa; --color-4: #f3ebe7; --color-5: #f4f3cb. 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