← Back to Editor

#8C8F60 · #69734D · #496152 · #32474D · #2D3740

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

#8C8F60

Autumn Sage · Gray · Honey Gold

HEX
#8C8F60
RGB
rgb(140, 143, 96)
HSL
hsl(64, 20%, 47%)
HSB
hsb(64, 33%, 56%)
CMYK
cmyk(2%, 0%, 33%, 44%)
Oklch
oklch(63.6% 0.066 111.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#69734D

Grass Green · DimGray · Forest Green

HEX
#69734D
RGB
rgb(105, 115, 77)
HSL
hsl(76, 20%, 38%)
HSB
hsb(76, 33%, 45%)
CMYK
cmyk(9%, 0%, 33%, 55%)
Oklch
oklch(53.7% 0.057 120.3)

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

#496152

Celadon · DarkSlateGray · Forest Green

HEX
#496152
RGB
rgb(73, 97, 82)
HSL
hsl(143, 14%, 33%)
HSB
hsb(143, 25%, 38%)
CMYK
cmyk(25%, 0%, 15%, 62%)
Oklch
oklch(46.8% 0.038 157.2)

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

#32474D

Slate Blue · DarkSlateGray · Peacock Green

HEX
#32474D
RGB
rgb(50, 71, 77)
HSL
hsl(193, 21%, 25%)
HSB
hsb(193, 35%, 30%)
CMYK
cmyk(35%, 8%, 0%, 70%)
Oklch
oklch(38.3% 0.028 217.3)

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

#2D3740

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#2D3740
RGB
rgb(45, 55, 64)
HSL
hsl(208, 17%, 21%)
HSB
hsb(208, 30%, 25%)
CMYK
cmyk(30%, 14%, 0%, 75%)
Oklch
oklch(33.1% 0.021 245.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C8F60
636090

Analogous

907B60
8C8F60
759060

Triadic

8C8F60
608D90
90608D

Split-Comp.

8C8F60
607590
7B6090

Tetradic

8C8F60
60907B
636090
906075

Contrast Matrix WCAG 2.1 Contrast

8C8F60
69734D
496152
32474D
2D3740
—
1.5
Fail
2.0
Fail
2.9
Fail
3.6
AA Large
1.5
Fail
—
1.3
Fail
1.9
Fail
2.4
Fail
2.0
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
2.9
Fail
1.9
Fail
1.5
Fail
—
1.2
Fail
3.6
AA Large
2.4
Fail
1.8
Fail
1.2
Fail
—
White BG
3.4AA Large
5.0AA
6.7AA
9.8AAA
12.1AAA
Black BG
6.2AA
4.2AA Large
3.1AA Large
2.1Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D6B
6D6D56
535456
3B3B4C
31313E

Deuteranopia

8D8D6E
6D6C58
525057
3A384B
31303D

Tritanopia

8C7476
6A5D5F
4A5859
334A4A
2E3C3C

Achromatopsia

898989
6C6C6C
585858
414141
353535

Shades & Tints Shades & Tints

#8C8F60

Dark
Light

#69734D

Dark
Light

#496152

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c8f60;
  --color-2: #69734d;
  --color-3: #496152;
  --color-4: #32474d;
  --color-5: #2d3740;
}

SCSS

$color-1: #8c8f60;
$color-2: #69734d;
$color-3: #496152;
$color-4: #32474d;
$color-5: #2d3740;

TAILWIND

colors: {
  'brand-1': '#8c8f60',
  'brand-2': '#69734d',
  'brand-3': '#496152',
  'brand-4': '#32474d',
  'brand-5': '#2d3740',
}

RGB Array

[140, 143, 96], [105, 115, 77], [73, 97, 82], [50, 71, 77], [45, 55, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #8C8F60, #69734D, #496152, #32474D, #2D3740 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: #8c8f60; --color-2: #69734d; --color-3: #496152; --color-4: #32474d; --color-5: #2d3740. 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