← Back to Editor

#BBB68E · #70A57B · #739C64 · #36575C · #010000

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 LibraryData Visualization

Color Details Color Details

#BBB68E

Fresh Green · Tan · Sunflower

HEX
#BBB68E
RGB
rgb(187, 182, 142)
HSL
hsl(53, 25%, 65%)
HSB
hsb(53, 24%, 73%)
CMYK
cmyk(0%, 3%, 24%, 27%)
Oklch
oklch(77.0% 0.055 101.6)

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

#70A57B

Celadon · Gray · Olive Green

HEX
#70A57B
RGB
rgb(112, 165, 123)
HSL
hsl(132, 23%, 54%)
HSB
hsb(132, 32%, 65%)
CMYK
cmyk(32%, 0%, 25%, 35%)
Oklch
oklch(67.3% 0.084 150.2)

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

#739C64

Celadon · Gray · Olive Green

HEX
#739C64
RGB
rgb(115, 156, 100)
HSL
hsl(104, 22%, 50%)
HSB
hsb(104, 36%, 61%)
CMYK
cmyk(26%, 0%, 36%, 39%)
Oklch
oklch(64.8% 0.092 137.6)

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

#36575C

Slate Blue · DarkSlateGray · Mint Ice

HEX
#36575C
RGB
rgb(54, 87, 92)
HSL
hsl(188, 26%, 29%)
HSB
hsb(188, 41%, 36%)
CMYK
cmyk(41%, 5%, 0%, 64%)
Oklch
oklch(43.3% 0.039 207.9)

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

#010000

Vermilion · Black · Deep Berry

HEX
#010000
RGB
rgb(1, 0, 0)
HSL
hsl(0, 100%, 0%)
HSB
hsb(0, 100%, 0%)
CMYK
cmyk(0%, 100%, 100%, 100%)
Oklch
oklch(4.2% 0.017 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BBB68E
8F95BC

Analogous

BCA18F
BBB68E
ABBC8F

Triadic

BBB68E
8FBCB7
B78FBC

Split-Comp.

BBB68E
8FABBC
A18FBC

Tetradic

BBB68E
8FBCA1
8F95BC
BC8FAB

Contrast Matrix WCAG 2.1 Contrast

BBB68E
70A57B
739C64
36575C
010000
—
1.4
Fail
1.5
Fail
3.8
AA Large
10.2
AAA
1.4
Fail
—
1.1
Fail
2.8
Fail
7.3
AAA
1.5
Fail
1.1
Fail
—
2.5
Fail
6.7
AA
3.8
AA Large
2.8
Fail
2.5
Fail
—
2.7
Fail
10.2
AAA
7.3
AAA
6.7
AA
2.7
Fail
—
White BG
2.1Fail
2.9Fail
3.1AA Large
7.9AAA
21.0AAA
Black BG
10.2AAA
7.4AAA
6.7AA
2.7Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B998
878785
858572
44455B
010100

Deuteranopia

B9BA9A
848088
827F75
42405A
010100

Tritanopia

BB9FA1
738D8F
757C7F
385A5A
010000

Achromatopsia

B3B3B3
909090
898989
4E4E4E
000000

Shades & Tints Shades & Tints

#BBB68E

Dark
Light

#70A57B

Dark
Light

#739C64

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bbb68e;
  --color-2: #70a57b;
  --color-3: #739c64;
  --color-4: #36575c;
  --color-5: #010000;
}

SCSS

$color-1: #bbb68e;
$color-2: #70a57b;
$color-3: #739c64;
$color-4: #36575c;
$color-5: #010000;

TAILWIND

colors: {
  'brand-1': '#bbb68e',
  'brand-2': '#70a57b',
  'brand-3': '#739c64',
  'brand-4': '#36575c',
  'brand-5': '#010000',
}

RGB Array

[187, 182, 142], [112, 165, 123], [115, 156, 100], [54, 87, 92], [1, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #BBB68E, #70A57B, #739C64, #36575C, #010000 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #bbb68e; --color-2: #70a57b; --color-3: #739c64; --color-4: #36575c; --color-5: #010000. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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