← Back to Editor

#5ECCA9 · #82B184 · #928075 · #A15271 · #75425F

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#5ECCA9

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#5ECCA9
RGB
rgb(94, 204, 169)
HSL
hsl(161, 52%, 58%)
HSB
hsb(161, 54%, 80%)
CMYK
cmyk(54%, 0%, 17%, 20%)
Oklch
oklch(77.1% 0.114 169.7)

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

#82B184

Celadon · DarkSeaGreen · Olive Green

HEX
#82B184
RGB
rgb(130, 177, 132)
HSL
hsl(123, 23%, 60%)
HSB
hsb(123, 27%, 69%)
CMYK
cmyk(27%, 0%, 25%, 31%)
Oklch
oklch(71.5% 0.082 145.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#928075

Tangerine · Gray · Warm Sun

HEX
#928075
RGB
rgb(146, 128, 117)
HSL
hsl(23, 12%, 52%)
HSB
hsb(23, 20%, 57%)
CMYK
cmyk(0%, 12%, 20%, 43%)
Oklch
oklch(61.3% 0.028 53.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A15271

Dark Violet · Gray · Camellia

HEX
#A15271
RGB
rgb(161, 82, 113)
HSL
hsl(336, 33%, 48%)
HSB
hsb(336, 49%, 63%)
CMYK
cmyk(0%, 49%, 30%, 37%)
Oklch
oklch(54.3% 0.110 356.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#75425F

Rose Purple · DimGray · Camellia

HEX
#75425F
RGB
rgb(117, 66, 95)
HSL
hsl(326, 28%, 36%)
HSB
hsb(326, 44%, 46%)
CMYK
cmyk(0%, 44%, 19%, 54%)
Oklch
oklch(45.0% 0.081 345.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5ECCA9
CC5C7F

Analogous

5CCC71
5ECCA9
5CB7CC

Triadic

5ECCA9
A85CCC
CCA85C

Split-Comp.

5ECCA9
CC5CB7
CC715C

Tetradic

5ECCA9
715CCC
CC5C7F
B7CC5C

Contrast Matrix WCAG 2.1 Contrast

5ECCA9
82B184
928075
A15271
75425F
—
1.2
Fail
1.9
Fail
2.7
Fail
4.0
AA Large
1.2
Fail
—
1.5
Fail
2.2
Fail
3.2
AA Large
1.9
Fail
1.5
Fail
—
1.4
Fail
2.1
Fail
2.7
Fail
2.2
Fail
1.4
Fail
—
1.5
Fail
4.0
AA Large
3.2
AA Large
2.1
Fail
1.5
Fail
—
White BG
2.0Fail
2.5Fail
3.8AA Large
5.3AA
7.8AAA
Black BG
10.7AAA
8.6AAA
5.6AA
4.0AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8FB1
96978F
8A8A78
7F7E69
5F5E58

Deuteranopia

877FB4
949092
8B8D78
838968
626656

Tritanopia

64B8BA
849799
917A7A
9D6462
725251

Achromatopsia

A7A7A7
9E9E9E
848484
6D6D6D
555555

Shades & Tints Shades & Tints

#5ECCA9

Dark
Light

#82B184

Dark
Light

#928075

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5ecca9;
  --color-2: #82b184;
  --color-3: #928075;
  --color-4: #a15271;
  --color-5: #75425f;
}

SCSS

$color-1: #5ecca9;
$color-2: #82b184;
$color-3: #928075;
$color-4: #a15271;
$color-5: #75425f;

TAILWIND

colors: {
  'brand-1': '#5ecca9',
  'brand-2': '#82b184',
  'brand-3': '#928075',
  'brand-4': '#a15271',
  'brand-5': '#75425f',
}

RGB Array

[94, 204, 169], [130, 177, 132], [146, 128, 117], [161, 82, 113], [117, 66, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #5ECCA9, #82B184, #928075, #A15271, #75425F is ideal for: brand design, premium product pages, magazine layouts. 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: #5ecca9; --color-2: #82b184; --color-3: #928075; --color-4: #a15271; --color-5: #75425f. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. 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