← Back to Editor

#AB7965 · #AA8576 · #B09C87 · #B1BFAC · #B6DECF

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

#AB7965

Tangerine · Gray · Warm Sun

HEX
#AB7965
RGB
rgb(171, 121, 101)
HSL
hsl(17, 29%, 53%)
HSB
hsb(17, 41%, 67%)
CMYK
cmyk(0%, 29%, 41%, 33%)
Oklch
oklch(62.1% 0.070 42.7)

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

#AA8576

Tangerine · Gray · Warm Sun

HEX
#AA8576
RGB
rgb(170, 133, 118)
HSL
hsl(17, 23%, 56%)
HSB
hsb(17, 31%, 67%)
CMYK
cmyk(0%, 22%, 31%, 33%)
Oklch
oklch(64.8% 0.051 43.1)

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

#B09C87

Ginger · DarkGray · Warm Sun

HEX
#B09C87
RGB
rgb(176, 156, 135)
HSL
hsl(31, 21%, 61%)
HSB
hsb(31, 23%, 69%)
CMYK
cmyk(0%, 11%, 23%, 31%)
Oklch
oklch(70.5% 0.038 68.5)

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

#B1BFAC

Celadon · DarkGray · Apple Green

HEX
#B1BFAC
RGB
rgb(177, 191, 172)
HSL
hsl(104, 13%, 71%)
HSB
hsb(104, 10%, 75%)
CMYK
cmyk(7%, 0%, 10%, 25%)
Oklch
oklch(78.8% 0.031 137.4)

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

#B6DECF

Jade · LightBlue · Apple Green

HEX
#B6DECF
RGB
rgb(182, 222, 207)
HSL
hsl(158, 38%, 79%)
HSB
hsb(158, 18%, 87%)
CMYK
cmyk(18%, 0%, 7%, 13%)
Oklch
oklch(86.8% 0.047 170.4)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB7965
6496AA

Analogous

AA6473
AB7965
AA9B64

Triadic

AB7965
64AA78
7864AA

Split-Comp.

AB7965
64AA9B
6473AA

Tetradic

AB7965
73AA64
6496AA
9B64AA

Contrast Matrix WCAG 2.1 Contrast

AB7965
AA8576
B09C87
B1BFAC
B6DECF
—
1.1
Fail
1.4
Fail
1.9
Fail
2.5
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.4
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
1.9
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
2.5
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
White BG
3.7AA Large
3.3AA Large
2.6Fail
1.9Fail
1.5Fail
Black BG
5.7AA
6.3AA
8.0AAA
10.9AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

95956A
9A9A7A
A7A78C
B7B7B1
C7C8D3

Deuteranopia

989C6B
9C9F7B
A9AA8D
B6B5B2
C5C2D3

Tritanopia

A96E6F
A87C7D
AF9091
B2B4B5
B8D5D6

Achromatopsia

868686
8E8E8E
A0A0A0
B9B9B9
D0D0D0

Shades & Tints Shades & Tints

#AB7965

Dark
Light

#AA8576

Dark
Light

#B09C87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab7965;
  --color-2: #aa8576;
  --color-3: #b09c87;
  --color-4: #b1bfac;
  --color-5: #b6decf;
}

SCSS

$color-1: #ab7965;
$color-2: #aa8576;
$color-3: #b09c87;
$color-4: #b1bfac;
$color-5: #b6decf;

TAILWIND

colors: {
  'brand-1': '#ab7965',
  'brand-2': '#aa8576',
  'brand-3': '#b09c87',
  'brand-4': '#b1bfac',
  'brand-5': '#b6decf',
}

RGB Array

[171, 121, 101], [170, 133, 118], [176, 156, 135], [177, 191, 172], [182, 222, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AB7965, #AA8576, #B09C87, #B1BFAC, #B6DECF 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: #ab7965; --color-2: #aa8576; --color-3: #b09c87; --color-4: #b1bfac; --color-5: #b6decf. 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