← Back to Editor

#C0A68B · #A3776C · #9D463D · #58252E · #81A893

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

#C0A68B

Ginger · Tan · Warm Sun

HEX
#C0A68B
RGB
rgb(192, 166, 139)
HSL
hsl(31, 30%, 65%)
HSB
hsb(31, 28%, 75%)
CMYK
cmyk(0%, 14%, 28%, 25%)
Oklch
oklch(74.1% 0.048 68.0)

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

#A3776C

Crimson · Gray · Passion Red

HEX
#A3776C
RGB
rgb(163, 119, 108)
HSL
hsl(12, 23%, 53%)
HSB
hsb(12, 34%, 64%)
CMYK
cmyk(0%, 27%, 34%, 36%)
Oklch
oklch(61.0% 0.058 34.5)

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

#9D463D

Crimson · Sienna · Passion Red

HEX
#9D463D
RGB
rgb(157, 70, 61)
HSL
hsl(6, 44%, 43%)
HSB
hsb(6, 61%, 62%)
CMYK
cmyk(0%, 55%, 61%, 38%)
Oklch
oklch(50.5% 0.118 28.0)

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

#58252E

Crimson · DarkSlateGray · Wine Red

HEX
#58252E
RGB
rgb(88, 37, 46)
HSL
hsl(349, 41%, 25%)
HSB
hsb(349, 58%, 35%)
CMYK
cmyk(0%, 58%, 48%, 65%)
Oklch
oklch(34.0% 0.076 11.0)

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

#81A893

Celadon · DarkSeaGreen · Olive Green

HEX
#81A893
RGB
rgb(129, 168, 147)
HSL
hsl(148, 18%, 58%)
HSB
hsb(148, 23%, 66%)
CMYK
cmyk(23%, 0%, 13%, 34%)
Oklch
oklch(69.7% 0.052 161.1)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0A68B
8BA5C1

Analogous

C18C8B
C0A68B
C0C18B

Triadic

C0A68B
8BC1A7
A78BC1

Split-Comp.

C0A68B
8BC0C1
8C8BC1

Tetradic

C0A68B
8BC18C
8BA5C1
C18BC0

Contrast Matrix WCAG 2.1 Contrast

C0A68B
A3776C
9D463D
58252E
81A893
—
1.7
Fail
2.7
Fail
5.3
AA
1.1
Fail
1.7
Fail
—
1.6
Fail
3.1
AA Large
1.5
Fail
2.7
Fail
1.6
Fail
—
2.0
Fail
2.4
Fail
5.3
AA
3.1
AA Large
2.0
Fail
—
4.6
AA
1.1
Fail
1.5
Fail
2.4
Fail
4.6
AA
—
White BG
2.3Fail
3.9AA Large
6.2AA
12.2AAA
2.6Fail
Black BG
9.1AAA
5.4AA
3.4AA Large
1.7Fail
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B592
90906F
77773F
42412C
929298

Deuteranopia

B6B893
93966F
7C8340
45492B
908D99

Tritanopia

BF9798
A17171
994141
552A2A
839C9D

Achromatopsia

ABABAB
838383
5F5F5F
353535
9A9A9A

Shades & Tints Shades & Tints

#C0A68B

Dark
Light

#A3776C

Dark
Light

#9D463D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0a68b;
  --color-2: #a3776c;
  --color-3: #9d463d;
  --color-4: #58252e;
  --color-5: #81a893;
}

SCSS

$color-1: #c0a68b;
$color-2: #a3776c;
$color-3: #9d463d;
$color-4: #58252e;
$color-5: #81a893;

TAILWIND

colors: {
  'brand-1': '#c0a68b',
  'brand-2': '#a3776c',
  'brand-3': '#9d463d',
  'brand-4': '#58252e',
  'brand-5': '#81a893',
}

RGB Array

[192, 166, 139], [163, 119, 108], [157, 70, 61], [88, 37, 46], [129, 168, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C0A68B, #A3776C, #9D463D, #58252E, #81A893 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: #c0a68b; --color-2: #a3776c; --color-3: #9d463d; --color-4: #58252e; --color-5: #81a893. 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