← Back to Editor

#32303B · #82A1B5 · #D7B9BB · #E7C9B1 · #EAE6E3

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#32303B

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#32303B
RGB
rgb(50, 48, 59)
HSL
hsl(251, 10%, 21%)
HSB
hsb(251, 19%, 23%)
CMYK
cmyk(15%, 19%, 0%, 77%)
Oklch
oklch(31.6% 0.020 293.6)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#82A1B5

Sky Blue · LightSlateGray · Cobalt Blue

HEX
#82A1B5
RGB
rgb(130, 161, 181)
HSL
hsl(204, 26%, 61%)
HSB
hsb(204, 28%, 71%)
CMYK
cmyk(28%, 11%, 0%, 29%)
Oklch
oklch(69.3% 0.045 236.6)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#D7B9BB

Peach Pink · Silver · Coral Red

HEX
#D7B9BB
RGB
rgb(215, 185, 187)
HSL
hsl(356, 27%, 78%)
HSB
hsb(356, 14%, 84%)
CMYK
cmyk(0%, 14%, 13%, 16%)
Oklch
oklch(81.2% 0.035 13.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E7C9B1

Apricot · Wheat · Peach Orange

HEX
#E7C9B1
RGB
rgb(231, 201, 177)
HSL
hsl(27, 53%, 80%)
HSB
hsb(27, 23%, 91%)
CMYK
cmyk(0%, 13%, 23%, 9%)
Oklch
oklch(85.5% 0.047 60.8)

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

#EAE6E3

Apricot · Linen · Peach Orange

HEX
#EAE6E3
RGB
rgb(234, 230, 227)
HSL
hsl(26, 14%, 90%)
HSB
hsb(26, 3%, 92%)
CMYK
cmyk(0%, 2%, 3%, 8%)
Oklch
oklch(92.7% 0.006 59.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32303B
393B30

Analogous

30343B
32303B
38303B

Triadic

32303B
3B3230
303B32

Split-Comp.

32303B
3B3830
343B30

Tetradic

32303B
3B3034
393B30
303B38

Contrast Matrix WCAG 2.1 Contrast

32303B
82A1B5
D7B9BB
E7C9B1
EAE6E3
—
4.8
AA
7.1
AAA
8.3
AAA
10.4
AAA
4.8
AA
—
1.5
Fail
1.7
Fail
2.2
Fail
7.1
AAA
1.5
Fail
—
1.2
Fail
1.5
Fail
8.3
AAA
1.7
Fail
1.2
Fail
—
1.3
Fail
10.4
AAA
2.2
Fail
1.5
Fail
1.3
Fail
—
White BG
13.0AAA
2.7Fail
1.8Fail
1.6Fail
1.2Fail
Black BG
1.6Fail
7.7AAA
11.5AAA
13.4AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

313138
8F90B0
CACABB
DADAB7
E8E8E4

Deuteranopia

313138
8E8BAF
CCCEBA
DCDEB8
E9E9E4

Tritanopia

323636
84ACAC
D6BABA
E6BBBC
EAE4E4

Achromatopsia

323232
9A9A9A
C2C2C2
CFCFCF
E7E7E7

Shades & Tints Shades & Tints

#32303B

Dark
Light

#82A1B5

Dark
Light

#D7B9BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32303b;
  --color-2: #82a1b5;
  --color-3: #d7b9bb;
  --color-4: #e7c9b1;
  --color-5: #eae6e3;
}

SCSS

$color-1: #32303b;
$color-2: #82a1b5;
$color-3: #d7b9bb;
$color-4: #e7c9b1;
$color-5: #eae6e3;

TAILWIND

colors: {
  'brand-1': '#32303b',
  'brand-2': '#82a1b5',
  'brand-3': '#d7b9bb',
  'brand-4': '#e7c9b1',
  'brand-5': '#eae6e3',
}

RGB Array

[50, 48, 59], [130, 161, 181], [215, 185, 187], [231, 201, 177], [234, 230, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #32303B, #82A1B5, #D7B9BB, #E7C9B1, #EAE6E3 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #32303b; --color-2: #82a1b5; --color-3: #d7b9bb; --color-4: #e7c9b1; --color-5: #eae6e3. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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