← Back to Editor

#E4E5D4 · #D8D2CC · #CCC0C5 · #B0B3C2 · #95A7BF

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E4E5D4

Fresh Green · Beige · Lemon Cream

HEX
#E4E5D4
RGB
rgb(228, 229, 212)
HSL
hsl(64, 25%, 86%)
HSB
hsb(64, 7%, 90%)
CMYK
cmyk(0%, 0%, 7%, 10%)
Oklch
oklch(91.7% 0.023 109.6)

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

#D8D2CC

Goose Yellow · LightGray · Peach Orange

HEX
#D8D2CC
RGB
rgb(216, 210, 204)
HSL
hsl(30, 13%, 82%)
HSB
hsb(30, 6%, 85%)
CMYK
cmyk(0%, 3%, 6%, 15%)
Oklch
oklch(86.7% 0.011 67.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CCC0C5

Rouge · Silver · Cherry Blossom

HEX
#CCC0C5
RGB
rgb(204, 192, 197)
HSL
hsl(335, 11%, 78%)
HSB
hsb(335, 6%, 80%)
CMYK
cmyk(0%, 6%, 3%, 20%)
Oklch
oklch(81.9% 0.015 350.2)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#B0B3C2

Azure · Silver · Cobalt Blue

HEX
#B0B3C2
RGB
rgb(176, 179, 194)
HSL
hsl(230, 13%, 73%)
HSB
hsb(230, 9%, 76%)
CMYK
cmyk(9%, 8%, 0%, 24%)
Oklch
oklch(76.9% 0.022 276.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#95A7BF

Azure · DarkGray · Cobalt Blue

HEX
#95A7BF
RGB
rgb(149, 167, 191)
HSL
hsl(214, 25%, 67%)
HSB
hsb(214, 22%, 75%)
CMYK
cmyk(22%, 13%, 0%, 25%)
Oklch
oklch(72.2% 0.040 255.7)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4E5D4
D4D2E4

Analogous

E4DCD2
E4E5D4
DAE4D2

Triadic

E4E5D4
D2E3E4
E4D2E3

Split-Comp.

E4E5D4
D2DAE4
DCD2E4

Tetradic

E4E5D4
D2E4DC
D4D2E4
E4D2DA

Contrast Matrix WCAG 2.1 Contrast

E4E5D4
D8D2CC
CCC0C5
B0B3C2
95A7BF
—
1.2
Fail
1.4
Fail
1.6
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
1.3Fail
1.5Fail
1.8Fail
2.1Fail
2.5Fail
Black BG
16.5AAA
14.0AAA
11.9AAA
10.1AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4D8
D5D5CD
C7C7C4
B1B1BE
9D9DB9

Deuteranopia

E4E4D9
D6D6CE
C8C8C3
B1B1BD
9C9AB8

Tritanopia

E4DBDC
D8CFCF
CBC3C3
B0BCBB
96B5B4

Achromatopsia

E3E3E3
D3D3D3
C4C4C4
B4B4B4
A4A4A4

Shades & Tints Shades & Tints

#E4E5D4

Dark
Light

#D8D2CC

Dark
Light

#CCC0C5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4e5d4;
  --color-2: #d8d2cc;
  --color-3: #ccc0c5;
  --color-4: #b0b3c2;
  --color-5: #95a7bf;
}

SCSS

$color-1: #e4e5d4;
$color-2: #d8d2cc;
$color-3: #ccc0c5;
$color-4: #b0b3c2;
$color-5: #95a7bf;

TAILWIND

colors: {
  'brand-1': '#e4e5d4',
  'brand-2': '#d8d2cc',
  'brand-3': '#ccc0c5',
  'brand-4': '#b0b3c2',
  'brand-5': '#95a7bf',
}

RGB Array

[228, 229, 212], [216, 210, 204], [204, 192, 197], [176, 179, 194], [149, 167, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E4E5D4, #D8D2CC, #CCC0C5, #B0B3C2, #95A7BF is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e4e5d4; --color-2: #d8d2cc; --color-3: #ccc0c5; --color-4: #b0b3c2; --color-5: #95a7bf. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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