← Back to Editor

#DBD6B2 · #9E7599 · #945A8D · #82447B · #B2C2C0

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 Library

Color Details Color Details

#DBD6B2

Fresh Green · Wheat · Lemon Cream

HEX
#DBD6B2
RGB
rgb(219, 214, 178)
HSL
hsl(53, 36%, 78%)
HSB
hsb(53, 19%, 86%)
CMYK
cmyk(0%, 2%, 19%, 14%)
Oklch
oklch(87.1% 0.048 100.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#9E7599

Rose Purple · Gray · Violet

HEX
#9E7599
RGB
rgb(158, 117, 153)
HSL
hsl(307, 17%, 54%)
HSB
hsb(307, 26%, 62%)
CMYK
cmyk(0%, 26%, 3%, 38%)
Oklch
oklch(61.5% 0.072 330.6)

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

#945A8D

Rose Purple · Gray · Violet

HEX
#945A8D
RGB
rgb(148, 90, 141)
HSL
hsl(307, 24%, 47%)
HSB
hsb(307, 39%, 58%)
CMYK
cmyk(0%, 39%, 5%, 42%)
Oklch
oklch(55.0% 0.103 331.3)

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

#82447B

Rose Purple · DimGray · Eggplant

HEX
#82447B
RGB
rgb(130, 68, 123)
HSL
hsl(307, 31%, 39%)
HSB
hsb(307, 48%, 51%)
CMYK
cmyk(0%, 48%, 5%, 49%)
Oklch
oklch(48.3% 0.113 331.5)

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

#B2C2C0

Jade · Silver · Lake Green

HEX
#B2C2C0
RGB
rgb(178, 194, 192)
HSL
hsl(173, 12%, 73%)
HSB
hsb(173, 8%, 76%)
CMYK
cmyk(8%, 0%, 1%, 24%)
Oklch
oklch(80.1% 0.018 187.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD6B2
B3B7DB

Analogous

DBC2B3
DBD6B2
CCDBB3

Triadic

DBD6B2
B3DBD6
D6B3DB

Split-Comp.

DBD6B2
B3CCDB
C2B3DB

Tetradic

DBD6B2
B3DBC2
B3B7DB
DBB3CC

Contrast Matrix WCAG 2.1 Contrast

DBD6B2
9E7599
945A8D
82447B
B2C2C0
—
2.6
Fail
3.5
AA Large
4.7
AA
1.3
Fail
2.6
Fail
—
1.3
Fail
1.8
Fail
2.1
Fail
3.5
AA Large
1.3
Fail
—
1.3
Fail
2.8
Fail
4.7
AA
1.8
Fail
1.3
Fail
—
3.7
AA Large
1.3
Fail
2.1
Fail
2.8
Fail
3.7
AA Large
—
White BG
1.5Fail
3.8AA Large
5.1AA
6.9AA
1.8Fail
Black BG
14.3AAA
5.5AA
4.1AA Large
3.1AA Large
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9BB
8C8C90
7B7A81
67676E
B9B9C0

Deuteranopia

D9DABD
8F928E
7E837E
6B6F6B
B8B7C1

Tritanopia

DBC2C3
9C8988
917775
7F6361
B3C1C1

Achromatopsia

D3D3D3
858585
717171
5D5D5D
BDBDBD

Shades & Tints Shades & Tints

#DBD6B2

Dark
Light

#9E7599

Dark
Light

#945A8D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd6b2;
  --color-2: #9e7599;
  --color-3: #945a8d;
  --color-4: #82447b;
  --color-5: #b2c2c0;
}

SCSS

$color-1: #dbd6b2;
$color-2: #9e7599;
$color-3: #945a8d;
$color-4: #82447b;
$color-5: #b2c2c0;

TAILWIND

colors: {
  'brand-1': '#dbd6b2',
  'brand-2': '#9e7599',
  'brand-3': '#945a8d',
  'brand-4': '#82447b',
  'brand-5': '#b2c2c0',
}

RGB Array

[219, 214, 178], [158, 117, 153], [148, 90, 141], [130, 68, 123], [178, 194, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DBD6B2, #9E7599, #945A8D, #82447B, #B2C2C0 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #dbd6b2; --color-2: #9e7599; --color-3: #945a8d; --color-4: #82447b; --color-5: #b2c2c0. 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. 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