← Back to Editor

#526470 · #93A0A8 · #FDF2DE · #A28865 · #4C3932

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

#526470

Slate Blue · DimGray · Prussian Blue

HEX
#526470
RGB
rgb(82, 100, 112)
HSL
hsl(204, 15%, 38%)
HSB
hsb(204, 27%, 44%)
CMYK
cmyk(27%, 11%, 0%, 56%)
Oklch
oklch(49.3% 0.029 237.4)

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

#93A0A8

Sky Blue · DarkGray · Cobalt Blue

HEX
#93A0A8
RGB
rgb(147, 160, 168)
HSL
hsl(203, 11%, 62%)
HSB
hsb(203, 13%, 66%)
CMYK
cmyk(13%, 5%, 0%, 34%)
Oklch
oklch(69.8% 0.019 234.6)

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

#FDF2DE

Goose Yellow · Beige · Peach Orange

HEX
#FDF2DE
RGB
rgb(253, 242, 222)
HSL
hsl(39, 89%, 93%)
HSB
hsb(39, 12%, 99%)
CMYK
cmyk(0%, 4%, 12%, 1%)
Oklch
oklch(96.4% 0.029 82.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#A28865

Ginger · Gray · Warm Sun

HEX
#A28865
RGB
rgb(162, 136, 101)
HSL
hsl(34, 25%, 52%)
HSB
hsb(34, 38%, 64%)
CMYK
cmyk(0%, 16%, 38%, 36%)
Oklch
oklch(64.2% 0.058 74.7)

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

#4C3932

Tangerine · DarkSlateGray · Cinnamon

HEX
#4C3932
RGB
rgb(76, 57, 50)
HSL
hsl(16, 21%, 25%)
HSB
hsb(16, 34%, 30%)
CMYK
cmyk(0%, 25%, 34%, 70%)
Oklch
oklch(36.3% 0.030 41.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

526470
6F5E52

Analogous

526F6D
526470
52556F

Triadic

526470
6F5264
646F52

Split-Comp.

526470
6F5255
6F6D52

Tetradic

526470
6D526F
6F5E52
556F52

Contrast Matrix WCAG 2.1 Contrast

526470
93A0A8
FDF2DE
A28865
4C3932
—
2.3
Fail
5.5
AA
1.8
Fail
1.8
Fail
2.3
Fail
—
2.4
Fail
1.3
Fail
4.0
AA Large
5.5
AA
2.4
Fail
—
3.0
AA Large
9.8
AAA
1.8
Fail
1.3
Fail
3.0
AA Large
—
3.2
AA Large
1.8
Fail
4.0
AA Large
9.8
AAA
3.2
AA Large
—
White BG
6.1AA
2.7Fail
1.1Fail
3.4AA Large
10.8AAA
Black BG
3.4AA Large
7.8AAA
18.9AAA
6.2AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A6D
9999A6
F8F8E3
97976D
444434

Deuteranopia

59576C
9897A6
F9FAE4
989A6F
454634

Tritanopia

536B6A
94A5A4
FCE7E8
A17476
4B3535

Achromatopsia

606060
9D9D9D
F3F3F3
8C8C8C
3E3E3E

Shades & Tints Shades & Tints

#526470

Dark
Light

#93A0A8

Dark
Light

#FDF2DE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #526470;
  --color-2: #93a0a8;
  --color-3: #fdf2de;
  --color-4: #a28865;
  --color-5: #4c3932;
}

SCSS

$color-1: #526470;
$color-2: #93a0a8;
$color-3: #fdf2de;
$color-4: #a28865;
$color-5: #4c3932;

TAILWIND

colors: {
  'brand-1': '#526470',
  'brand-2': '#93a0a8',
  'brand-3': '#fdf2de',
  'brand-4': '#a28865',
  'brand-5': '#4c3932',
}

RGB Array

[82, 100, 112], [147, 160, 168], [253, 242, 222], [162, 136, 101], [76, 57, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #526470, #93A0A8, #FDF2DE, #A28865, #4C3932 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: #526470; --color-2: #93a0a8; --color-3: #fdf2de; --color-4: #a28865; --color-5: #4c3932. 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