← Back to Editor

#A6526B · #C1999F · #D1C3BC · #A6BA9F · #778A81

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

#A6526B

Dark Violet · Sienna · Camellia

HEX
#A6526B
RGB
rgb(166, 82, 107)
HSL
hsl(342, 34%, 49%)
HSB
hsb(342, 51%, 65%)
CMYK
cmyk(0%, 51%, 36%, 35%)
Oklch
oklch(54.8% 0.113 2.7)

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

#C1999F

Peach Pink · DarkGray · Coral Red

HEX
#C1999F
RGB
rgb(193, 153, 159)
HSL
hsl(351, 24%, 68%)
HSB
hsb(351, 21%, 76%)
CMYK
cmyk(0%, 21%, 18%, 24%)
Oklch
oklch(72.2% 0.048 8.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D1C3BC

Apricot · Silver · Peach Orange

HEX
#D1C3BC
RGB
rgb(209, 195, 188)
HSL
hsl(20, 19%, 78%)
HSB
hsb(20, 10%, 82%)
CMYK
cmyk(0%, 7%, 10%, 18%)
Oklch
oklch(82.7% 0.019 48.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A6BA9F

Celadon · DarkGray · Apple Green

HEX
#A6BA9F
RGB
rgb(166, 186, 159)
HSL
hsl(104, 16%, 68%)
HSB
hsb(104, 15%, 73%)
CMYK
cmyk(11%, 0%, 15%, 27%)
Oklch
oklch(76.6% 0.044 137.6)

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

#778A81

Mineral Blue · Gray · Warm Gray

HEX
#778A81
RGB
rgb(119, 138, 129)
HSL
hsl(152, 8%, 50%)
HSB
hsb(152, 14%, 54%)
CMYK
cmyk(14%, 0%, 7%, 46%)
Oklch
oklch(61.5% 0.026 165.3)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6526B
52A78E

Analogous

A75296
A6526B
A76352

Triadic

A6526B
6CA752
526CA7

Split-Comp.

A6526B
52A763
5296A7

Tetradic

A6526B
96A752
52A78E
6352A7

Contrast Matrix WCAG 2.1 Contrast

A6526B
C1999F
D1C3BC
A6BA9F
778A81
—
2.1
Fail
3.0
AA Large
2.5
Fail
1.4
Fail
2.1
Fail
—
1.5
Fail
1.2
Fail
1.5
Fail
3.0
AA Large
1.5
Fail
—
1.2
Fail
2.1
Fail
2.5
Fail
1.2
Fail
1.2
Fail
—
1.8
Fail
1.4
Fail
1.5
Fail
2.1
Fail
1.8
Fail
—
White BG
5.2AA
2.5Fail
1.7Fail
2.1Fail
3.7AA Large
Black BG
4.0AA Large
8.3AAA
12.2AAA
10.1AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

828165
B0AF9E
CBCBBE
AFAFA6
7F7F83

Deuteranopia

878D63
B2B59D
CCCDBE
AEACA7
7E7D84

Tritanopia

A2605F
BF9C9C
D0BFBF
A7ABAC
788585

Achromatopsia

6E6E6E
A6A6A6
C6C6C6
B1B1B1
838383

Shades & Tints Shades & Tints

#A6526B

Dark
Light

#C1999F

Dark
Light

#D1C3BC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6526b;
  --color-2: #c1999f;
  --color-3: #d1c3bc;
  --color-4: #a6ba9f;
  --color-5: #778a81;
}

SCSS

$color-1: #a6526b;
$color-2: #c1999f;
$color-3: #d1c3bc;
$color-4: #a6ba9f;
$color-5: #778a81;

TAILWIND

colors: {
  'brand-1': '#a6526b',
  'brand-2': '#c1999f',
  'brand-3': '#d1c3bc',
  'brand-4': '#a6ba9f',
  'brand-5': '#778a81',
}

RGB Array

[166, 82, 107], [193, 153, 159], [209, 195, 188], [166, 186, 159], [119, 138, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A6526B, #C1999F, #D1C3BC, #A6BA9F, #778A81 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: #a6526b; --color-2: #c1999f; --color-3: #d1c3bc; --color-4: #a6ba9f; --color-5: #778a81. 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