← Back to Editor

#E2E3E5 · #C7E8DD · #B3EAE4 · #9DE9E9 · #546360

sea

A 5-color sea 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

#E2E3E5

Plain White · Lavender · Cloud White

HEX
#E2E3E5
RGB
rgb(226, 227, 229)
HSL
hsl(220, 5%, 89%)
HSB
hsb(220, 1%, 90%)
CMYK
cmyk(1%, 1%, 0%, 10%)
Oklch
oklch(91.6% 0.003 264.5)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#C7E8DD

Jade · LightGray · Glacier Blue

HEX
#C7E8DD
RGB
rgb(199, 232, 221)
HSL
hsl(160, 42%, 85%)
HSB
hsb(160, 14%, 91%)
CMYK
cmyk(14%, 0%, 5%, 9%)
Oklch
oklch(90.4% 0.038 173.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#B3EAE4

Jade · LightBlue · Glacier Blue

HEX
#B3EAE4
RGB
rgb(179, 234, 228)
HSL
hsl(173, 57%, 81%)
HSB
hsb(173, 24%, 92%)
CMYK
cmyk(24%, 0%, 3%, 8%)
Oklch
oklch(89.8% 0.057 187.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#9DE9E9

Sky Blue · LightBlue · Glacier Blue

HEX
#9DE9E9
RGB
rgb(157, 233, 233)
HSL
hsl(180, 63%, 76%)
HSB
hsb(180, 33%, 91%)
CMYK
cmyk(33%, 0%, 0%, 9%)
Oklch
oklch(88.5% 0.075 195.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#546360

Mineral Blue · DimGray · Charcoal

HEX
#546360
RGB
rgb(84, 99, 96)
HSL
hsl(168, 8%, 36%)
HSB
hsb(168, 15%, 39%)
CMYK
cmyk(15%, 0%, 3%, 61%)
Oklch
oklch(48.6% 0.019 182.1)

Traditional「Mineral Blue」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2E3E5
E4E3E2

Analogous

E2E4E4
E2E3E5
E2E2E4

Triadic

E2E3E5
E4E2E2
E2E4E2

Split-Comp.

E2E3E5
E4E2E2
E4E4E2

Tetradic

E2E3E5
E4E2E4
E4E3E2
E2E4E2

Contrast Matrix WCAG 2.1 Contrast

E2E3E5
C7E8DD
B3EAE4
9DE9E9
546360
—
1.0
Fail
1.0
Fail
1.1
Fail
4.9
AA
1.0
Fail
—
1.0
Fail
1.0
Fail
4.8
AA
1.0
Fail
1.0
Fail
—
1.0
Fail
4.7
AA
1.1
Fail
1.0
Fail
1.0
Fail
—
4.6
AA
4.9
AA
4.8
AA
4.7
AA
4.6
AA
—
White BG
1.3Fail
1.3Fail
1.3Fail
1.4Fail
6.3AA
Black BG
16.4AAA
16.0AAA
15.8AAA
15.3AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2E5
D5D6E0
CBCBE5
BEBFE9
5A5B61

Deuteranopia

E2E2E4
D3D1E0
C8C4E6
BAB4E9
5A5961

Tritanopia

E2E4E4
C9E2E2
B6E7E7
A1E9E9
556161

Achromatopsia

E3E3E3
DDDDDD
D9D9D9
D2D2D2
5E5E5E

Shades & Tints Shades & Tints

#E2E3E5

Dark
Light

#C7E8DD

Dark
Light

#B3EAE4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2e3e5;
  --color-2: #c7e8dd;
  --color-3: #b3eae4;
  --color-4: #9de9e9;
  --color-5: #546360;
}

SCSS

$color-1: #e2e3e5;
$color-2: #c7e8dd;
$color-3: #b3eae4;
$color-4: #9de9e9;
$color-5: #546360;

TAILWIND

colors: {
  'brand-1': '#e2e3e5',
  'brand-2': '#c7e8dd',
  'brand-3': '#b3eae4',
  'brand-4': '#9de9e9',
  'brand-5': '#546360',
}

RGB Array

[226, 227, 229], [199, 232, 221], [179, 234, 228], [157, 233, 233], [84, 99, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E2E3E5, #C7E8DD, #B3EAE4, #9DE9E9, #546360 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: #e2e3e5; --color-2: #c7e8dd; --color-3: #b3eae4; --color-4: #9de9e9; --color-5: #546360. 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 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