← Back to Editor

#370000 · #552608 · #59493C · #516355 · #EFD49F

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#370000

Vermilion · Black · Deep Berry

HEX
#370000
RGB
rgb(55, 0, 0)
HSL
hsl(0, 100%, 11%)
HSB
hsb(0, 100%, 22%)
CMYK
cmyk(0%, 100%, 100%, 78%)
Oklch
oklch(21.1% 0.087 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#552608

Tangerine · Maroon · Cinnamon

HEX
#552608
RGB
rgb(85, 38, 8)
HSL
hsl(23, 83%, 18%)
HSB
hsb(23, 91%, 33%)
CMYK
cmyk(0%, 55%, 91%, 67%)
Oklch
oklch(32.9% 0.080 48.6)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#59493C

Tangerine · DarkOliveGreen · Amber Brown

HEX
#59493C
RGB
rgb(89, 73, 60)
HSL
hsl(27, 19%, 29%)
HSB
hsb(27, 33%, 35%)
CMYK
cmyk(0%, 18%, 33%, 65%)
Oklch
oklch(41.8% 0.030 60.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#516355

Celadon · DimGray · Forest Green

HEX
#516355
RGB
rgb(81, 99, 85)
HSL
hsl(133, 10%, 35%)
HSB
hsb(133, 18%, 39%)
CMYK
cmyk(18%, 0%, 14%, 61%)
Oklch
oklch(48.0% 0.031 151.7)

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

#EFD49F

Goose Yellow · Wheat · Lemon Cream

HEX
#EFD49F
RGB
rgb(239, 212, 159)
HSL
hsl(40, 71%, 78%)
HSB
hsb(40, 33%, 94%)
CMYK
cmyk(0%, 11%, 33%, 6%)
Oklch
oklch(88.0% 0.075 83.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

370000
003838

Analogous

38001C
370000
381C00

Triadic

370000
003800
000038

Split-Comp.

370000
00381C
001C38

Tetradic

370000
1C3800
003838
1C0038

Contrast Matrix WCAG 2.1 Contrast

370000
552608
59493C
516355
EFD49F
—
1.4
Fail
2.1
Fail
2.8
Fail
12.5
AAA
1.4
Fail
—
1.5
Fail
2.0
Fail
8.8
AAA
2.1
Fail
1.5
Fail
—
1.3
Fail
6.0
AA
2.8
Fail
2.0
Fail
1.3
Fail
—
4.5
AA Large
12.5
AAA
8.8
AAA
6.0
AA
4.5
AA Large
—
White BG
18.1AAA
12.6AAA
8.6AAA
6.4AA
1.4Fail
Black BG
1.2Fail
1.7Fail
2.4Fail
3.3AA Large
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F00
41400F
52523F
595958
E3E3AC

Deuteranopia

222700
434711
535440
585659
E5E7AF

Tritanopia

340000
531516
584242
525B5C
EEB6B8

Achromatopsia

101010
313131
4C4C4C
5C5C5C
D6D6D6

Shades & Tints Shades & Tints

#370000

Dark
Light

#552608

Dark
Light

#59493C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #370000;
  --color-2: #552608;
  --color-3: #59493c;
  --color-4: #516355;
  --color-5: #efd49f;
}

SCSS

$color-1: #370000;
$color-2: #552608;
$color-3: #59493c;
$color-4: #516355;
$color-5: #efd49f;

TAILWIND

colors: {
  'brand-1': '#370000',
  'brand-2': '#552608',
  'brand-3': '#59493c',
  'brand-4': '#516355',
  'brand-5': '#efd49f',
}

RGB Array

[55, 0, 0], [85, 38, 8], [89, 73, 60], [81, 99, 85], [239, 212, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #370000, #552608, #59493C, #516355, #EFD49F 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: #370000; --color-2: #552608; --color-3: #59493c; --color-4: #516355; --color-5: #efd49f. 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