← Back to Editor

#935B5E · #9F695F · #AB7A59 · #A6963F · #6F5E57

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

#935B5E

Crimson · DimGray · Passion Red

HEX
#935B5E
RGB
rgb(147, 91, 94)
HSL
hsl(357, 24%, 47%)
HSB
hsb(357, 38%, 58%)
CMYK
cmyk(0%, 38%, 36%, 42%)
Oklch
oklch(53.4% 0.074 16.4)

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

#9F695F

Crimson · Gray · Passion Red

HEX
#9F695F
RGB
rgb(159, 105, 95)
HSL
hsl(9, 25%, 50%)
HSB
hsb(9, 40%, 62%)
CMYK
cmyk(0%, 34%, 40%, 38%)
Oklch
oklch(57.5% 0.072 30.9)

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

#AB7A59

Tangerine · Gray · Warm Sun

HEX
#AB7A59
RGB
rgb(171, 122, 89)
HSL
hsl(24, 33%, 51%)
HSB
hsb(24, 48%, 67%)
CMYK
cmyk(0%, 29%, 48%, 33%)
Oklch
oklch(62.1% 0.077 54.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A6963F

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A6963F
RGB
rgb(166, 150, 63)
HSL
hsl(51, 45%, 45%)
HSB
hsb(51, 62%, 65%)
CMYK
cmyk(0%, 10%, 62%, 35%)
Oklch
oklch(67.0% 0.109 98.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#6F5E57

Tangerine · DimGray · Amber Brown

HEX
#6F5E57
RGB
rgb(111, 94, 87)
HSL
hsl(18, 12%, 39%)
HSB
hsb(18, 22%, 44%)
CMYK
cmyk(0%, 15%, 22%, 56%)
Oklch
oklch(49.6% 0.025 43.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

935B5E
5B9592

Analogous

955B7B
935B5E
95755B

Triadic

935B5E
5E955B
5B5E95

Split-Comp.

935B5E
5B9575
5B7B95

Tetradic

935B5E
7B955B
5B9592
755B95

Contrast Matrix WCAG 2.1 Contrast

935B5E
9F695F
AB7A59
A6963F
6F5E57
—
1.2
Fail
1.5
Fail
1.8
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
2.1
Fail
1.1
Fail
1.4
Fail
1.7
Fail
2.1
Fail
—
White BG
5.4AA
4.5AA
3.7AA Large
3.0Fail
6.2AA
Black BG
3.9AA Large
4.7AA
5.7AA
7.1AAA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7A5D
888761
969561
9F9F54
686759

Deuteranopia

7E825D
8B8F62
999C63
A0A159
696A59

Tritanopia

905D5D
9C6364
A96769
A56568
6E5A5A

Achromatopsia

6C6C6C
787878
858585
919191
626262

Shades & Tints Shades & Tints

#935B5E

Dark
Light

#9F695F

Dark
Light

#AB7A59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #935b5e;
  --color-2: #9f695f;
  --color-3: #ab7a59;
  --color-4: #a6963f;
  --color-5: #6f5e57;
}

SCSS

$color-1: #935b5e;
$color-2: #9f695f;
$color-3: #ab7a59;
$color-4: #a6963f;
$color-5: #6f5e57;

TAILWIND

colors: {
  'brand-1': '#935b5e',
  'brand-2': '#9f695f',
  'brand-3': '#ab7a59',
  'brand-4': '#a6963f',
  'brand-5': '#6f5e57',
}

RGB Array

[147, 91, 94], [159, 105, 95], [171, 122, 89], [166, 150, 63], [111, 94, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #935B5E, #9F695F, #AB7A59, #A6963F, #6F5E57 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: #935b5e; --color-2: #9f695f; --color-3: #ab7a59; --color-4: #a6963f; --color-5: #6f5e57. 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