← Back to Editor

#E1A567 · #C49B6D · #998260 · #2F271A · #5B7C71

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E1A567

Ginger · SandyBrown · Warm Sun

HEX
#E1A567
RGB
rgb(225, 165, 103)
HSL
hsl(30, 67%, 64%)
HSB
hsb(30, 54%, 88%)
CMYK
cmyk(0%, 27%, 54%, 12%)
Oklch
oklch(76.6% 0.106 66.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#C49B6D

Ginger · DarkSalmon · Warm Sun

HEX
#C49B6D
RGB
rgb(196, 155, 109)
HSL
hsl(32, 42%, 60%)
HSB
hsb(32, 44%, 77%)
CMYK
cmyk(0%, 21%, 44%, 23%)
Oklch
oklch(71.7% 0.079 69.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#998260

Ochre · Gray · Amber Brown

HEX
#998260
RGB
rgb(153, 130, 96)
HSL
hsl(36, 23%, 49%)
HSB
hsb(36, 37%, 60%)
CMYK
cmyk(0%, 15%, 37%, 40%)
Oklch
oklch(61.9% 0.056 77.2)

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

#2F271A

Ochre · Black · Cinnamon

HEX
#2F271A
RGB
rgb(47, 39, 26)
HSL
hsl(37, 29%, 14%)
HSB
hsb(37, 45%, 18%)
CMYK
cmyk(0%, 17%, 45%, 82%)
Oklch
oklch(27.8% 0.025 79.5)

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

#5B7C71

Mineral Blue · DimGray · Mint Ice

HEX
#5B7C71
RGB
rgb(91, 124, 113)
HSL
hsl(160, 15%, 42%)
HSB
hsb(160, 27%, 49%)
CMYK
cmyk(27%, 0%, 9%, 51%)
Oklch
oklch(55.8% 0.041 172.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1A567
66A3E1

Analogous

E16666
E1A567
E1E166

Triadic

E1A567
66E1A3
A366E1

Split-Comp.

E1A567
66E1E1
6666E1

Tetradic

E1A567
66E166
66A3E1
E166E1

Contrast Matrix WCAG 2.1 Contrast

E1A567
C49B6D
998260
2F271A
5B7C71
—
1.2
Fail
1.7
Fail
6.9
AA
2.1
Fail
1.2
Fail
—
1.4
Fail
5.8
AA
1.8
Fail
1.7
Fail
1.4
Fail
—
4.0
AA Large
1.3
Fail
6.9
AA
5.8
AA
4.0
AA Large
—
3.2
AA Large
2.1
Fail
1.8
Fail
1.3
Fail
3.2
AA Large
—
White BG
2.1Fail
2.5Fail
3.7AA Large
14.7AAA
4.6AA
Black BG
9.8AAA
8.3AAA
5.7AA
1.4Fail
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C676
B2B278
8F8F68
2C2B1D
696A74

Deuteranopia

CBCF7A
B5B87B
90926A
2C2D1E
676574

Tritanopia

DE8284
C28183
986F70
2F2020
5D7676

Achromatopsia

B0B0B0
A2A2A2
858585
282828
717171

Shades & Tints Shades & Tints

#E1A567

Dark
Light

#C49B6D

Dark
Light

#998260

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1a567;
  --color-2: #c49b6d;
  --color-3: #998260;
  --color-4: #2f271a;
  --color-5: #5b7c71;
}

SCSS

$color-1: #e1a567;
$color-2: #c49b6d;
$color-3: #998260;
$color-4: #2f271a;
$color-5: #5b7c71;

TAILWIND

colors: {
  'brand-1': '#e1a567',
  'brand-2': '#c49b6d',
  'brand-3': '#998260',
  'brand-4': '#2f271a',
  'brand-5': '#5b7c71',
}

RGB Array

[225, 165, 103], [196, 155, 109], [153, 130, 96], [47, 39, 26], [91, 124, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E1A567, #C49B6D, #998260, #2F271A, #5B7C71 is ideal for: 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: #e1a567; --color-2: #c49b6d; --color-3: #998260; --color-4: #2f271a; --color-5: #5b7c71. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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