← Back to Editor

#E7E1DC · #784C70 · #917D53 · #21211E · #B68483

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

#E7E1DC

Apricot · Beige · Peach Orange

HEX
#E7E1DC
RGB
rgb(231, 225, 220)
HSL
hsl(27, 19%, 88%)
HSB
hsb(27, 5%, 91%)
CMYK
cmyk(0%, 3%, 5%, 9%)
Oklch
oklch(91.3% 0.009 62.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#784C70

Rose Purple · DimGray · Eggplant

HEX
#784C70
RGB
rgb(120, 76, 112)
HSL
hsl(311, 22%, 38%)
HSB
hsb(311, 37%, 47%)
CMYK
cmyk(0%, 37%, 7%, 53%)
Oklch
oklch(47.9% 0.079 333.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#917D53

Ochre · Gray · Honey Gold

HEX
#917D53
RGB
rgb(145, 125, 83)
HSL
hsl(41, 27%, 45%)
HSB
hsb(41, 43%, 57%)
CMYK
cmyk(0%, 14%, 43%, 43%)
Oklch
oklch(59.8% 0.063 85.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#21211E

Ink Black · Black · Dark Stone

HEX
#21211E
RGB
rgb(33, 33, 30)
HSL
hsl(60, 5%, 12%)
HSB
hsb(60, 9%, 13%)
CMYK
cmyk(0%, 0%, 9%, 87%)
Oklch
oklch(24.7% 0.006 106.8)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#B68483

Peach Pink · Gray · Coral Red

HEX
#B68483
RGB
rgb(182, 132, 131)
HSL
hsl(1, 26%, 61%)
HSB
hsb(1, 28%, 71%)
CMYK
cmyk(0%, 27%, 28%, 29%)
Oklch
oklch(66.2% 0.062 20.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7E1DC
DBE1E6

Analogous

E6DBDB
E7E1DC
E6E6DB

Triadic

E7E1DC
DBE6E0
E0DBE6

Split-Comp.

E7E1DC
DBE6E6
DBDBE6

Tetradic

E7E1DC
DBE6DB
DBE1E6
E6DBE6

Contrast Matrix WCAG 2.1 Contrast

E7E1DC
784C70
917D53
21211E
B68483
—
5.3
AA
3.1
AA Large
12.5
AAA
2.4
Fail
5.3
AA
—
1.7
Fail
2.4
Fail
2.2
Fail
3.1
AA Large
1.7
Fail
—
4.0
AA Large
1.3
Fail
12.5
AAA
2.4
Fail
4.0
AA Large
—
5.1
AA
2.4
Fail
2.2
Fail
1.3
Fail
5.1
AA
—
White BG
1.3Fail
6.8AA
4.0AA Large
16.1AAA
3.2AA Large
Black BG
16.2AAA
3.1AA Large
5.3AA
1.3Fail
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4DD
656567
88885D
21211F
A0A083

Deuteranopia

E5E5DE
686B65
8A8B60
21211F
A3A783

Tritanopia

E7DEDE
76605F
906567
211F1F
B48383

Achromatopsia

E2E2E2
5D5D5D
7E7E7E
212121
939393

Shades & Tints Shades & Tints

#E7E1DC

Dark
Light

#784C70

Dark
Light

#917D53

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7e1dc;
  --color-2: #784c70;
  --color-3: #917d53;
  --color-4: #21211e;
  --color-5: #b68483;
}

SCSS

$color-1: #e7e1dc;
$color-2: #784c70;
$color-3: #917d53;
$color-4: #21211e;
$color-5: #b68483;

TAILWIND

colors: {
  'brand-1': '#e7e1dc',
  'brand-2': '#784c70',
  'brand-3': '#917d53',
  'brand-4': '#21211e',
  'brand-5': '#b68483',
}

RGB Array

[231, 225, 220], [120, 76, 112], [145, 125, 83], [33, 33, 30], [182, 132, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E7E1DC, #784C70, #917D53, #21211E, #B68483 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #e7e1dc; --color-2: #784c70; --color-3: #917d53; --color-4: #21211e; --color-5: #b68483. 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. 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