← Back to Editor

#B6C09B · #B0B48F · #96A98D · #70A68C · #59A291

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B6C09B

Willow Green · DarkGray · Apple Green

HEX
#B6C09B
RGB
rgb(182, 192, 155)
HSL
hsl(76, 23%, 68%)
HSB
hsb(76, 19%, 75%)
CMYK
cmyk(5%, 0%, 19%, 25%)
Oklch
oklch(79.0% 0.052 119.9)

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

#B0B48F

Fresh Green · DarkGray · Sunflower

HEX
#B0B48F
RGB
rgb(176, 180, 143)
HSL
hsl(66, 20%, 63%)
HSB
hsb(66, 21%, 71%)
CMYK
cmyk(2%, 0%, 21%, 29%)
Oklch
oklch(75.7% 0.051 112.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#96A98D

Celadon · DarkSeaGreen · Apple Green

HEX
#96A98D
RGB
rgb(150, 169, 141)
HSL
hsl(101, 14%, 61%)
HSB
hsb(101, 17%, 66%)
CMYK
cmyk(11%, 0%, 17%, 34%)
Oklch
oklch(71.2% 0.045 135.6)

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

#70A68C

Mineral Blue · CadetBlue · Olive Green

HEX
#70A68C
RGB
rgb(112, 166, 140)
HSL
hsl(151, 23%, 55%)
HSB
hsb(151, 33%, 65%)
CMYK
cmyk(33%, 0%, 16%, 35%)
Oklch
oklch(68.0% 0.069 163.0)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#59A291

Mineral Blue · CadetBlue · Mint Ice

HEX
#59A291
RGB
rgb(89, 162, 145)
HSL
hsl(166, 29%, 49%)
HSB
hsb(166, 45%, 64%)
CMYK
cmyk(45%, 0%, 10%, 36%)
Oklch
oklch(66.0% 0.078 176.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6C09B
A59BC0

Analogous

C0B79B
B6C09B
A3C09B

Triadic

B6C09B
9BB6C0
C09BB6

Split-Comp.

B6C09B
9BA3C0
B79BC0

Tetradic

B6C09B
9BC0B7
A59BC0
C09BA3

Contrast Matrix WCAG 2.1 Contrast

B6C09B
B0B48F
96A98D
70A68C
59A291
—
1.1
Fail
1.3
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
1.9Fail
2.1Fail
2.5Fail
2.8Fail
3.0Fail
Black BG
11.0AAA
9.8AAA
8.4AAA
7.5AAA
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAA4
B2B298
9E9E94
878892
797995

Deuteranopia

BAB9A6
B2B19A
9D9C95
848094
746F96

Tritanopia

B7ABAD
B09FA1
97999A
739798
5D9899

Achromatopsia

B9B9B9
AFAFAF
A0A0A0
939393
8A8A8A

Shades & Tints Shades & Tints

#B6C09B

Dark
Light

#B0B48F

Dark
Light

#96A98D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6c09b;
  --color-2: #b0b48f;
  --color-3: #96a98d;
  --color-4: #70a68c;
  --color-5: #59a291;
}

SCSS

$color-1: #b6c09b;
$color-2: #b0b48f;
$color-3: #96a98d;
$color-4: #70a68c;
$color-5: #59a291;

TAILWIND

colors: {
  'brand-1': '#b6c09b',
  'brand-2': '#b0b48f',
  'brand-3': '#96a98d',
  'brand-4': '#70a68c',
  'brand-5': '#59a291',
}

RGB Array

[182, 192, 155], [176, 180, 143], [150, 169, 141], [112, 166, 140], [89, 162, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B6C09B, #B0B48F, #96A98D, #70A68C, #59A291 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: #b6c09b; --color-2: #b0b48f; --color-3: #96a98d; --color-4: #70a68c; --color-5: #59a291. 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