← Back to Editor

#B38164 · #D6C199 · #E8F5D4 · #92E2C2 · #3DBEA9

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#B38164

Tangerine · Gray · Warm Sun

HEX
#B38164
RGB
rgb(179, 129, 100)
HSL
hsl(22, 34%, 55%)
HSB
hsb(22, 44%, 70%)
CMYK
cmyk(0%, 28%, 44%, 30%)
Oklch
oklch(64.6% 0.075 51.1)

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

#D6C199

Goose Yellow · Tan · Warm Sun

HEX
#D6C199
RGB
rgb(214, 193, 153)
HSL
hsl(39, 43%, 72%)
HSB
hsb(39, 29%, 84%)
CMYK
cmyk(0%, 10%, 29%, 16%)
Oklch
oklch(81.9% 0.058 83.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E8F5D4

Willow Green · Beige · Mint Green

HEX
#E8F5D4
RGB
rgb(232, 245, 212)
HSL
hsl(84, 62%, 90%)
HSB
hsb(84, 13%, 96%)
CMYK
cmyk(5%, 0%, 13%, 4%)
Oklch
oklch(95.2% 0.046 124.8)

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

#92E2C2

Jade · LightBlue · Apple Green

HEX
#92E2C2
RGB
rgb(146, 226, 194)
HSL
hsl(156, 58%, 73%)
HSB
hsb(156, 35%, 89%)
CMYK
cmyk(35%, 0%, 14%, 11%)
Oklch
oklch(85.2% 0.091 167.0)

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

#3DBEA9

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#3DBEA9
RGB
rgb(61, 190, 169)
HSL
hsl(170, 51%, 49%)
HSB
hsb(170, 68%, 75%)
CMYK
cmyk(68%, 0%, 11%, 25%)
Oklch
oklch(72.7% 0.115 179.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B38164
6597B3

Analogous

B36570
B38164
B3A965

Triadic

B38164
65B382
8265B3

Split-Comp.

B38164
65B3A9
6570B3

Tetradic

B38164
70B365
6597B3
A965B3

Contrast Matrix WCAG 2.1 Contrast

B38164
D6C199
E8F5D4
92E2C2
3DBEA9
—
1.9
Fail
3.0
Fail
2.2
Fail
1.5
Fail
1.9
Fail
—
1.5
Fail
1.2
Fail
1.3
Fail
3.0
Fail
1.5
Fail
—
1.3
Fail
2.0
Fail
2.2
Fail
1.2
Fail
1.3
Fail
—
1.5
Fail
1.5
Fail
1.3
Fail
2.0
Fail
1.5
Fail
—
White BG
3.4AA Large
1.8Fail
1.1Fail
1.5Fail
2.3Fail
Black BG
6.2AA
11.9AAA
18.4AAA
13.9AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D6B
CDCDA3
EEEEDC
B5B5CA
7576AE

Deuteranopia

A0A46D
CED0A5
EDECDE
B0AACC
6D64AF

Tritanopia

B07172
D5AAAC
E9E2E4
96D0D1
43B2B3

Achromatopsia

8D8D8D
C3C3C3
EDEDED
C6C6C6
959595

Shades & Tints Shades & Tints

#B38164

Dark
Light

#D6C199

Dark
Light

#E8F5D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b38164;
  --color-2: #d6c199;
  --color-3: #e8f5d4;
  --color-4: #92e2c2;
  --color-5: #3dbea9;
}

SCSS

$color-1: #b38164;
$color-2: #d6c199;
$color-3: #e8f5d4;
$color-4: #92e2c2;
$color-5: #3dbea9;

TAILWIND

colors: {
  'brand-1': '#b38164',
  'brand-2': '#d6c199',
  'brand-3': '#e8f5d4',
  'brand-4': '#92e2c2',
  'brand-5': '#3dbea9',
}

RGB Array

[179, 129, 100], [214, 193, 153], [232, 245, 212], [146, 226, 194], [61, 190, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B38164, #D6C199, #E8F5D4, #92E2C2, #3DBEA9 is ideal for: health products, baby brands, fresh-style blogs, 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: #b38164; --color-2: #d6c199; --color-3: #e8f5d4; --color-4: #92e2c2; --color-5: #3dbea9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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