← Back to Editor

#988592 · #DB995A · #C7A559 · #B6AD92 · #CF9080

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 Library

Color Details Color Details

#988592

Rose Purple · Gray · Silver Sand

HEX
#988592
RGB
rgb(152, 133, 146)
HSL
hsl(319, 8%, 56%)
HSB
hsb(319, 12%, 60%)
CMYK
cmyk(0%, 12%, 4%, 40%)
Oklch
oklch(63.8% 0.030 337.4)

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

#DB995A

Apricot · SandyBrown · Warm Sun

HEX
#DB995A
RGB
rgb(219, 153, 90)
HSL
hsl(29, 64%, 61%)
HSB
hsb(29, 59%, 86%)
CMYK
cmyk(0%, 30%, 59%, 14%)
Oklch
oklch(73.5% 0.112 63.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C7A559

Ginger · SandyBrown · Sunflower

HEX
#C7A559
RGB
rgb(199, 165, 89)
HSL
hsl(41, 50%, 56%)
HSB
hsb(41, 55%, 78%)
CMYK
cmyk(0%, 17%, 55%, 22%)
Oklch
oklch(73.7% 0.103 85.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B6AD92

Ginger · DarkGray · Sunflower

HEX
#B6AD92
RGB
rgb(182, 173, 146)
HSL
hsl(45, 20%, 64%)
HSB
hsb(45, 20%, 71%)
CMYK
cmyk(0%, 5%, 20%, 29%)
Oklch
oklch(74.8% 0.039 91.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#CF9080

Peach Pink · DarkSalmon · Coral Red

HEX
#CF9080
RGB
rgb(207, 144, 128)
HSL
hsl(12, 45%, 66%)
HSB
hsb(12, 38%, 81%)
CMYK
cmyk(0%, 30%, 38%, 19%)
Oklch
oklch(71.1% 0.081 34.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

988592
86988C

Analogous

948698
988592
988689

Triadic

988592
929886
869298

Split-Comp.

988592
899886
869894

Tetradic

988592
989486
86988C
868998

Contrast Matrix WCAG 2.1 Contrast

988592
DB995A
C7A559
B6AD92
CF9080
—
1.4
Fail
1.5
Fail
1.5
Fail
1.3
Fail
1.4
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.5
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.5
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
White BG
3.4AA Large
2.4Fail
2.3Fail
2.2Fail
2.6Fail
Black BG
6.1AA
8.7AAA
9.0AAA
9.4AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

90908F
BEBE69
B8B86B
B2B299
B4B384

Deuteranopia

91928E
C2C76D
BABD70
B3B39A
B7BC85

Tritanopia

978C8C
D87578
C57A7D
B69E9F
CC8788

Achromatopsia

8C8C8C
A6A6A6
A7A7A7
ADADAD
A1A1A1

Shades & Tints Shades & Tints

#988592

Dark
Light

#DB995A

Dark
Light

#C7A559

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #988592;
  --color-2: #db995a;
  --color-3: #c7a559;
  --color-4: #b6ad92;
  --color-5: #cf9080;
}

SCSS

$color-1: #988592;
$color-2: #db995a;
$color-3: #c7a559;
$color-4: #b6ad92;
$color-5: #cf9080;

TAILWIND

colors: {
  'brand-1': '#988592',
  'brand-2': '#db995a',
  'brand-3': '#c7a559',
  'brand-4': '#b6ad92',
  'brand-5': '#cf9080',
}

RGB Array

[152, 133, 146], [219, 153, 90], [199, 165, 89], [182, 173, 146], [207, 144, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #988592, #DB995A, #C7A559, #B6AD92, #CF9080 is ideal for: corporate websites, product showcases, portfolios. 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: #988592; --color-2: #db995a; --color-3: #c7a559; --color-4: #b6ad92; --color-5: #cf9080. 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. 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