← Back to Editor

#2B1A2D · #30283D · #384B45 · #536346 · #7B844F

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

#2B1A2D

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2B1A2D
RGB
rgb(43, 26, 45)
HSL
hsl(294, 27%, 14%)
HSB
hsb(294, 42%, 18%)
CMYK
cmyk(4%, 42%, 0%, 82%)
Oklch
oklch(24.8% 0.043 323.1)

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

#30283D

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#30283D
RGB
rgb(48, 40, 61)
HSL
hsl(263, 21%, 20%)
HSB
hsb(263, 34%, 24%)
CMYK
cmyk(21%, 34%, 0%, 76%)
Oklch
oklch(29.5% 0.039 301.5)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#384B45

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#384B45
RGB
rgb(56, 75, 69)
HSL
hsl(161, 15%, 26%)
HSB
hsb(161, 25%, 29%)
CMYK
cmyk(25%, 0%, 8%, 71%)
Oklch
oklch(39.5% 0.026 173.6)

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

#536346

Celadon · DarkOliveGreen · Forest Green

HEX
#536346
RGB
rgb(83, 99, 70)
HSL
hsl(93, 17%, 33%)
HSB
hsb(93, 29%, 39%)
CMYK
cmyk(16%, 0%, 29%, 61%)
Oklch
oklch(47.8% 0.049 131.5)

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

#7B844F

Grass Green · DimGray · Olive Green

HEX
#7B844F
RGB
rgb(123, 132, 79)
HSL
hsl(70, 25%, 41%)
HSB
hsb(70, 40%, 52%)
CMYK
cmyk(7%, 0%, 40%, 48%)
Oklch
oklch(59.3% 0.075 116.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B1A2D
1C2D1A

Analogous

221A2D
2B1A2D
2D1A26

Triadic

2B1A2D
2D2B1A
1A2D2B

Split-Comp.

2B1A2D
262D1A
1A2D22

Tetradic

2B1A2D
2D221A
1C2D1A
1A262D

Contrast Matrix WCAG 2.1 Contrast

2B1A2D
30283D
384B45
536346
7B844F
—
1.2
Fail
1.8
Fail
2.5
Fail
4.1
AA Large
1.2
Fail
—
1.5
Fail
2.2
Fail
3.5
AA Large
1.8
Fail
1.5
Fail
—
1.4
Fail
2.3
Fail
2.5
Fail
2.2
Fail
1.4
Fail
—
1.6
Fail
4.1
AA Large
3.5
AA Large
2.3
Fail
1.6
Fail
—
White BG
16.3AAA
14.0AAA
9.3AAA
6.5AA
4.0AA Large
Black BG
1.3Fail
1.5Fail
2.3Fail
3.2AA Large
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242328
2D2C38
404046
5A5A4D
7F7F5C

Deuteranopia

252627
2D2E37
3F3E47
59584F
7E7E5F

Tritanopia

2A2524
303433
394848
545354
7B6668

Achromatopsia

212121
2D2D2D
454545
5B5B5B
7B7B7B

Shades & Tints Shades & Tints

#2B1A2D

Dark
Light

#30283D

Dark
Light

#384B45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b1a2d;
  --color-2: #30283d;
  --color-3: #384b45;
  --color-4: #536346;
  --color-5: #7b844f;
}

SCSS

$color-1: #2b1a2d;
$color-2: #30283d;
$color-3: #384b45;
$color-4: #536346;
$color-5: #7b844f;

TAILWIND

colors: {
  'brand-1': '#2b1a2d',
  'brand-2': '#30283d',
  'brand-3': '#384b45',
  'brand-4': '#536346',
  'brand-5': '#7b844f',
}

RGB Array

[43, 26, 45], [48, 40, 61], [56, 75, 69], [83, 99, 70], [123, 132, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #2B1A2D, #30283D, #384B45, #536346, #7B844F 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: #2b1a2d; --color-2: #30283d; --color-3: #384b45; --color-4: #536346; --color-5: #7b844f. 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