← Back to Editor

#554059 · #314057 · #2E635E · #459675 · #74B39B

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#554059

Dark Plum · DarkSlateGray · Eggplant

HEX
#554059
RGB
rgb(85, 64, 89)
HSL
hsl(290, 16%, 30%)
HSB
hsb(290, 28%, 35%)
CMYK
cmyk(4%, 28%, 0%, 65%)
Oklch
oklch(40.4% 0.049 320.9)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#314057

Indigo · DarkSlateGray · Prussian Blue

HEX
#314057
RGB
rgb(49, 64, 87)
HSL
hsl(216, 28%, 27%)
HSB
hsb(216, 44%, 34%)
CMYK
cmyk(44%, 26%, 0%, 66%)
Oklch
oklch(36.9% 0.044 258.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#2E635E

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#2E635E
RGB
rgb(46, 99, 94)
HSL
hsl(174, 37%, 28%)
HSB
hsb(174, 54%, 39%)
CMYK
cmyk(54%, 0%, 5%, 61%)
Oklch
oklch(46.2% 0.057 187.3)

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

#459675

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#459675
RGB
rgb(69, 150, 117)
HSL
hsl(156, 37%, 43%)
HSB
hsb(156, 54%, 59%)
CMYK
cmyk(54%, 0%, 22%, 41%)
Oklch
oklch(61.3% 0.095 164.4)

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

#74B39B

Mineral Blue · CadetBlue · Olive Green

HEX
#74B39B
RGB
rgb(116, 179, 155)
HSL
hsl(157, 29%, 58%)
HSB
hsb(157, 35%, 70%)
CMYK
cmyk(35%, 0%, 13%, 30%)
Oklch
oklch(71.7% 0.074 168.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

554059
445940

Analogous

484059
554059
594051

Triadic

554059
595540
405955

Split-Comp.

554059
515940
405948

Tetradic

554059
594840
445940
405159

Contrast Matrix WCAG 2.1 Contrast

554059
314057
2E635E
459675
74B39B
—
1.1
Fail
1.4
Fail
2.6
Fail
3.8
AA Large
1.1
Fail
—
1.5
Fail
2.9
Fail
4.3
AA Large
1.4
Fail
1.5
Fail
—
1.9
Fail
2.8
Fail
2.6
Fail
2.9
Fail
1.9
Fail
—
1.5
Fail
3.8
AA Large
4.3
AA Large
2.8
Fail
1.5
Fail
—
White BG
9.3AAA
10.5AAA
6.9AA
3.6AA Large
2.4Fail
Black BG
2.3Fail
2.0Fail
3.1AA Large
5.9AA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C53
373851
45455F
68697D
8F90A1

Deuteranopia

4D4F52
373650
423E60
635D7F
8C87A2

Tritanopia

544E4D
324D4C
316060
498385
77A5A6

Achromatopsia

494949
3E3E3E
535353
7A7A7A
9D9D9D

Shades & Tints Shades & Tints

#554059

Dark
Light

#314057

Dark
Light

#2E635E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #554059;
  --color-2: #314057;
  --color-3: #2e635e;
  --color-4: #459675;
  --color-5: #74b39b;
}

SCSS

$color-1: #554059;
$color-2: #314057;
$color-3: #2e635e;
$color-4: #459675;
$color-5: #74b39b;

TAILWIND

colors: {
  'brand-1': '#554059',
  'brand-2': '#314057',
  'brand-3': '#2e635e',
  'brand-4': '#459675',
  'brand-5': '#74b39b',
}

RGB Array

[85, 64, 89], [49, 64, 87], [46, 99, 94], [69, 150, 117], [116, 179, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #554059, #314057, #2E635E, #459675, #74B39B is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #554059; --color-2: #314057; --color-3: #2e635e; --color-4: #459675; --color-5: #74b39b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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