← Back to Editor

#D7F7EE · #ABD8E4 · #A08E98 · #593840 · #9B3361

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

#D7F7EE

Jade · Lavender · Glacier Blue

HEX
#D7F7EE
RGB
rgb(215, 247, 238)
HSL
hsl(163, 67%, 91%)
HSB
hsb(163, 13%, 97%)
CMYK
cmyk(13%, 0%, 4%, 3%)
Oklch
oklch(95.1% 0.035 176.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#ABD8E4

Sky Blue · LightBlue · Glacier Blue

HEX
#ABD8E4
RGB
rgb(171, 216, 228)
HSL
hsl(193, 51%, 78%)
HSB
hsb(193, 25%, 89%)
CMYK
cmyk(25%, 5%, 0%, 11%)
Oklch
oklch(85.4% 0.050 215.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#A08E98

Rose Purple · DarkGray · Silver Sand

HEX
#A08E98
RGB
rgb(160, 142, 152)
HSL
hsl(327, 9%, 59%)
HSB
hsb(327, 11%, 63%)
CMYK
cmyk(0%, 11%, 5%, 37%)
Oklch
oklch(66.6% 0.026 343.3)

Traditional「Rose Purple」· Paint「Silver Sand」· Creative Urban Concrete

#593840

Crimson · DarkSlateGray · Wine Red

HEX
#593840
RGB
rgb(89, 56, 64)
HSL
hsl(345, 23%, 28%)
HSB
hsb(345, 37%, 35%)
CMYK
cmyk(0%, 37%, 28%, 65%)
Oklch
oklch(38.2% 0.048 3.8)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#9B3361

Dark Violet · Brown · Camellia

HEX
#9B3361
RGB
rgb(155, 51, 97)
HSL
hsl(333, 50%, 40%)
HSB
hsb(333, 67%, 61%)
CMYK
cmyk(0%, 67%, 37%, 39%)
Oklch
oklch(48.6% 0.145 356.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7F7EE
F7D9E1

Analogous

D9F7DF
D7F7EE
D9F1F7

Triadic

D7F7EE
EFD9F7
F7EFD9

Split-Comp.

D7F7EE
F7D9F1
F7DFD9

Tetradic

D7F7EE
DFD9F7
F7D9E1
F1F7D9

Contrast Matrix WCAG 2.1 Contrast

D7F7EE
ABD8E4
A08E98
593840
9B3361
—
1.3
Fail
2.7
Fail
8.9
AAA
6.1
AA
1.3
Fail
—
2.0
Fail
6.6
AA
4.5
AA Large
2.7
Fail
2.0
Fail
—
3.3
AA Large
2.2
Fail
8.9
AAA
6.6
AA
3.3
AA Large
—
1.5
Fail
6.1
AA
4.5
AA Large
2.2
Fail
1.5
Fail
—
White BG
1.1Fail
1.5Fail
3.1AA Large
10.2AAA
6.9AA
Black BG
18.4AAA
13.7AAA
6.8AA
2.1Fail
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5F0
BEBFE1
989896
4B4A3E
6E6D56

Deuteranopia

E3E1F1
BCB9E0
999B95
4D4F3E
747C53

Tritanopia

D9F2F2
ADDFDE
9F9493
573D3C
964D4B

Achromatopsia

ECECEC
CCCCCC
959595
434343
575757

Shades & Tints Shades & Tints

#D7F7EE

Dark
Light

#ABD8E4

Dark
Light

#A08E98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7f7ee;
  --color-2: #abd8e4;
  --color-3: #a08e98;
  --color-4: #593840;
  --color-5: #9b3361;
}

SCSS

$color-1: #d7f7ee;
$color-2: #abd8e4;
$color-3: #a08e98;
$color-4: #593840;
$color-5: #9b3361;

TAILWIND

colors: {
  'brand-1': '#d7f7ee',
  'brand-2': '#abd8e4',
  'brand-3': '#a08e98',
  'brand-4': '#593840',
  'brand-5': '#9b3361',
}

RGB Array

[215, 247, 238], [171, 216, 228], [160, 142, 152], [89, 56, 64], [155, 51, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D7F7EE, #ABD8E4, #A08E98, #593840, #9B3361 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: #d7f7ee; --color-2: #abd8e4; --color-3: #a08e98; --color-4: #593840; --color-5: #9b3361. 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