← Back to Editor

#00032F · #18273D · #2F6D52 · #618150 · #859D80

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#00032F

Indigo · Black · Deep Sea Blue

HEX
#00032F
RGB
rgb(0, 3, 47)
HSL
hsl(236, 100%, 9%)
HSB
hsb(236, 100%, 18%)
CMYK
cmyk(100%, 94%, 0%, 82%)
Oklch
oklch(14.8% 0.089 264.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#18273D

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#18273D
RGB
rgb(24, 39, 61)
HSL
hsl(216, 44%, 17%)
HSB
hsb(216, 61%, 24%)
CMYK
cmyk(61%, 36%, 0%, 76%)
Oklch
oklch(27.1% 0.046 257.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#2F6D52

Mineral Blue · DarkSlateGray · Forest Green

HEX
#2F6D52
RGB
rgb(47, 109, 82)
HSL
hsl(154, 40%, 31%)
HSB
hsb(154, 57%, 43%)
CMYK
cmyk(57%, 0%, 25%, 57%)
Oklch
oklch(48.6% 0.078 162.6)

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

#618150

Celadon · DimGray · Olive Green

HEX
#618150
RGB
rgb(97, 129, 80)
HSL
hsl(99, 23%, 41%)
HSB
hsb(99, 38%, 51%)
CMYK
cmyk(25%, 0%, 38%, 49%)
Oklch
oklch(56.6% 0.081 135.3)

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

#859D80

Celadon · Gray · Olive Green

HEX
#859D80
RGB
rgb(133, 157, 128)
HSL
hsl(110, 13%, 56%)
HSB
hsb(110, 18%, 62%)
CMYK
cmyk(15%, 0%, 18%, 38%)
Oklch
oklch(66.9% 0.050 140.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00032F
2E2B00

Analogous

001A2E
00032F
14002E

Triadic

00032F
2E0003
032E00

Split-Comp.

00032F
2E1400
1A2E00

Tetradic

00032F
2E001A
2E2B00
002E14

Contrast Matrix WCAG 2.1 Contrast

00032F
18273D
2F6D52
618150
859D80
—
1.3
Fail
3.3
AA Large
4.5
AA
6.8
AA
1.3
Fail
—
2.5
Fail
3.4
AA Large
5.1
AA
3.3
AA Large
2.5
Fail
—
1.4
Fail
2.1
Fail
4.5
AA
3.4
AA Large
1.4
Fail
—
1.5
Fail
6.8
AA
5.1
AA
2.1
Fail
1.5
Fail
—
White BG
19.9AAA
15.0AAA
6.1AA
4.4AA Large
2.9Fail
Black BG
1.1Fail
1.4Fail
3.4AA Large
4.8AA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

010124
1E1F38
4A4A59
6F6F5C
8F9087

Deuteranopia

010122
1E1C36
46425A
6D6B5F
8E8C89

Tritanopia

001C1A
193333
325E5F
636567
868D8E

Achromatopsia

070707
252525
575757
727272
939393

Shades & Tints Shades & Tints

#00032F

Dark
Light

#18273D

Dark
Light

#2F6D52

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00032f;
  --color-2: #18273d;
  --color-3: #2f6d52;
  --color-4: #618150;
  --color-5: #859d80;
}

SCSS

$color-1: #00032f;
$color-2: #18273d;
$color-3: #2f6d52;
$color-4: #618150;
$color-5: #859d80;

TAILWIND

colors: {
  'brand-1': '#00032f',
  'brand-2': '#18273d',
  'brand-3': '#2f6d52',
  'brand-4': '#618150',
  'brand-5': '#859d80',
}

RGB Array

[0, 3, 47], [24, 39, 61], [47, 109, 82], [97, 129, 80], [133, 157, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #00032F, #18273D, #2F6D52, #618150, #859D80 is ideal for: tech websites, dark mode UIs, game UIs, 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: #00032f; --color-2: #18273d; --color-3: #2f6d52; --color-4: #618150; --color-5: #859d80. 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. 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