← Back to Editor

#5E949E · #76AAB5 · #A1C3C2 · #C4DBCB · #EFEFD5

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

WorkspaceReading

Color Details Color Details

#5E949E

Slate Blue · CadetBlue · Mint Ice

HEX
#5E949E
RGB
rgb(94, 148, 158)
HSL
hsl(189, 25%, 49%)
HSB
hsb(189, 41%, 62%)
CMYK
cmyk(41%, 6%, 0%, 38%)
Oklch
oklch(63.3% 0.059 210.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#76AAB5

Slate Blue · CadetBlue · Lake Green

HEX
#76AAB5
RGB
rgb(118, 170, 181)
HSL
hsl(190, 30%, 59%)
HSB
hsb(190, 35%, 71%)
CMYK
cmyk(35%, 6%, 0%, 29%)
Oklch
oklch(70.5% 0.057 212.3)

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

#A1C3C2

Jade · Silver · Lake Green

HEX
#A1C3C2
RGB
rgb(161, 195, 194)
HSL
hsl(178, 22%, 70%)
HSB
hsb(178, 17%, 76%)
CMYK
cmyk(17%, 0%, 1%, 24%)
Oklch
oklch(79.2% 0.036 194.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C4DBCB

Celadon · LightGray · Mint Green

HEX
#C4DBCB
RGB
rgb(196, 219, 203)
HSL
hsl(138, 24%, 81%)
HSB
hsb(138, 11%, 86%)
CMYK
cmyk(11%, 0%, 7%, 14%)
Oklch
oklch(87.0% 0.033 155.3)

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

#EFEFD5

Fresh Green · Beige · Lemon Cream

HEX
#EFEFD5
RGB
rgb(239, 239, 213)
HSL
hsl(60, 45%, 89%)
HSB
hsb(60, 11%, 94%)
CMYK
cmyk(0%, 0%, 11%, 6%)
Oklch
oklch(94.5% 0.034 107.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E949E
9C675E

Analogous

5E9C86
5E949E
5E749C

Triadic

5E949E
9C5E93
939C5E

Split-Comp.

5E949E
9C5E74
9C865E

Tetradic

5E949E
865E9C
9C675E
749C5E

Contrast Matrix WCAG 2.1 Contrast

5E949E
76AAB5
A1C3C2
C4DBCB
EFEFD5
—
1.3
Fail
1.8
Fail
2.3
Fail
2.9
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
2.2
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
2.9
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
White BG
3.4AA Large
2.6Fail
1.9Fail
1.5Fail
1.2Fail
Black BG
6.2AA
8.2AAA
11.1AAA
14.3AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

75769C
8D8DB2
B0B0C2
CECECF
EFEFDB

Deuteranopia

726E9B
8A86B2
AEABC2
CDCBD0
EFEFDD

Tritanopia

619A99
79B0B0
A3C2C2
C5D2D3
EFE0E1

Achromatopsia

858585
9C9C9C
B9B9B9
D2D2D2
ECECEC

Shades & Tints Shades & Tints

#5E949E

Dark
Light

#76AAB5

Dark
Light

#A1C3C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e949e;
  --color-2: #76aab5;
  --color-3: #a1c3c2;
  --color-4: #c4dbcb;
  --color-5: #efefd5;
}

SCSS

$color-1: #5e949e;
$color-2: #76aab5;
$color-3: #a1c3c2;
$color-4: #c4dbcb;
$color-5: #efefd5;

TAILWIND

colors: {
  'brand-1': '#5e949e',
  'brand-2': '#76aab5',
  'brand-3': '#a1c3c2',
  'brand-4': '#c4dbcb',
  'brand-5': '#efefd5',
}

RGB Array

[94, 148, 158], [118, 170, 181], [161, 195, 194], [196, 219, 203], [239, 239, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #5E949E, #76AAB5, #A1C3C2, #C4DBCB, #EFEFD5 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: #5e949e; --color-2: #76aab5; --color-3: #a1c3c2; --color-4: #c4dbcb; --color-5: #efefd5. 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