← Back to Editor

#B18694 · #755D87 · #614244 · #867B5B · #ACC1A2

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

#B18694

Rouge · DarkGray · Rose Pink

HEX
#B18694
RGB
rgb(177, 134, 148)
HSL
hsl(340, 22%, 61%)
HSB
hsb(340, 24%, 69%)
CMYK
cmyk(0%, 24%, 16%, 31%)
Oklch
oklch(66.6% 0.056 357.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#755D87

Dark Plum · DimGray · Violet

HEX
#755D87
RGB
rgb(117, 93, 135)
HSL
hsl(274, 18%, 45%)
HSB
hsb(274, 31%, 53%)
CMYK
cmyk(13%, 31%, 0%, 47%)
Oklch
oklch(51.8% 0.071 310.1)

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

#614244

Crimson · DarkOliveGreen · Wine Red

HEX
#614244
RGB
rgb(97, 66, 68)
HSL
hsl(356, 19%, 32%)
HSB
hsb(356, 32%, 38%)
CMYK
cmyk(0%, 32%, 30%, 62%)
Oklch
oklch(41.5% 0.043 14.8)

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

#867B5B

Ochre · DimGray · Honey Gold

HEX
#867B5B
RGB
rgb(134, 123, 91)
HSL
hsl(45, 19%, 44%)
HSB
hsb(45, 32%, 53%)
CMYK
cmyk(0%, 8%, 32%, 47%)
Oklch
oklch(58.4% 0.048 91.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#ACC1A2

Celadon · DarkGray · Apple Green

HEX
#ACC1A2
RGB
rgb(172, 193, 162)
HSL
hsl(101, 20%, 70%)
HSB
hsb(101, 16%, 76%)
CMYK
cmyk(11%, 0%, 16%, 24%)
Oklch
oklch(78.6% 0.049 135.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B18694
86B1A3

Analogous

B186AA
B18694
B18D86

Triadic

B18694
94B186
8694B1

Split-Comp.

B18694
86B18D
86AAB1

Tetradic

B18694
AAB186
86B1A3
8D86B1

Contrast Matrix WCAG 2.1 Contrast

B18694
755D87
614244
867B5B
ACC1A2
—
1.8
Fail
2.8
Fail
1.3
Fail
1.6
Fail
1.8
Fail
—
1.5
Fail
1.4
Fail
3.0
Fail
2.8
Fail
1.5
Fail
—
2.1
Fail
4.6
AA
1.3
Fail
1.4
Fail
2.1
Fail
—
2.2
Fail
1.6
Fail
3.0
Fail
4.6
AA
2.2
Fail
—
White BG
3.1AA Large
5.7AA
8.9AAA
4.2AA Large
1.9Fail
Black BG
6.7AA
3.7AA Large
2.4Fail
5.0AA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E91
6B6A7D
545344
818163
B5B5AA

Deuteranopia

A1A490
6C6E7A
555843
828365
B4B2AB

Tritanopia

AF8E8D
747573
5F4343
85696A
ADAFB1

Achromatopsia

949494
696969
4B4B4B
7B7B7B
B7B7B7

Shades & Tints Shades & Tints

#B18694

Dark
Light

#755D87

Dark
Light

#614244

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b18694;
  --color-2: #755d87;
  --color-3: #614244;
  --color-4: #867b5b;
  --color-5: #acc1a2;
}

SCSS

$color-1: #b18694;
$color-2: #755d87;
$color-3: #614244;
$color-4: #867b5b;
$color-5: #acc1a2;

TAILWIND

colors: {
  'brand-1': '#b18694',
  'brand-2': '#755d87',
  'brand-3': '#614244',
  'brand-4': '#867b5b',
  'brand-5': '#acc1a2',
}

RGB Array

[177, 134, 148], [117, 93, 135], [97, 66, 68], [134, 123, 91], [172, 193, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B18694, #755D87, #614244, #867B5B, #ACC1A2 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: #b18694; --color-2: #755d87; --color-3: #614244; --color-4: #867b5b; --color-5: #acc1a2. 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