← Back to Editor

#75E1A4 · #AFB16C · #A4B08C · #96B598 · #352818

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

Color Details Color Details

#75E1A4

Emerald · MediumAquaMarine · Apple Green

HEX
#75E1A4
RGB
rgb(117, 225, 164)
HSL
hsl(146, 64%, 67%)
HSB
hsb(146, 48%, 88%)
CMYK
cmyk(48%, 0%, 27%, 12%)
Oklch
oklch(82.9% 0.133 157.0)

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

#AFB16C

Autumn Sage · Tan · Sunflower

HEX
#AFB16C
RGB
rgb(175, 177, 108)
HSL
hsl(62, 31%, 56%)
HSB
hsb(62, 39%, 69%)
CMYK
cmyk(1%, 0%, 39%, 31%)
Oklch
oklch(74.3% 0.091 109.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A4B08C

Willow Green · DarkSeaGreen · Apple Green

HEX
#A4B08C
RGB
rgb(164, 176, 140)
HSL
hsl(80, 19%, 62%)
HSB
hsb(80, 20%, 69%)
CMYK
cmyk(7%, 0%, 20%, 31%)
Oklch
oklch(73.8% 0.052 122.6)

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

#96B598

Celadon · DarkSeaGreen · Apple Green

HEX
#96B598
RGB
rgb(150, 181, 152)
HSL
hsl(124, 17%, 65%)
HSB
hsb(124, 17%, 71%)
CMYK
cmyk(17%, 0%, 16%, 29%)
Oklch
oklch(74.2% 0.053 146.7)

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

#352818

Ochre · DarkSlateGray · Cinnamon

HEX
#352818
RGB
rgb(53, 40, 24)
HSL
hsl(33, 38%, 15%)
HSB
hsb(33, 55%, 21%)
CMYK
cmyk(0%, 25%, 55%, 79%)
Oklch
oklch(28.7% 0.033 71.7)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75E1A4
E175B2

Analogous

7CE175
75E1A4
75E1DA

Triadic

75E1A4
A475E1
E1A475

Split-Comp.

75E1A4
DA75E1
E1757C

Tetradic

75E1A4
757CE1
E175B2
E1DA75

Contrast Matrix WCAG 2.1 Contrast

75E1A4
AFB16C
A4B08C
96B598
352818
—
1.4
Fail
1.4
Fail
1.4
Fail
8.9
AAA
1.4
Fail
—
1.0
Fail
1.0
Fail
6.4
AA
1.4
Fail
1.0
Fail
—
1.0
Fail
6.2
AA
1.4
Fail
1.0
Fail
1.0
Fail
—
6.4
AA
8.9
AAA
6.4
AA
6.2
AA
6.4
AA
—
White BG
1.6Fail
2.3Fail
2.3Fail
2.2Fail
14.3AAA
Black BG
13.1AAA
9.3AAA
9.2AAA
9.4AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A5B3
B0B07D
A9A995
A3A49F
2F2F1C

Deuteranopia

9E95B6
B0B081
A9A897
A29FA1
30311D

Tritanopia

7ABEC1
AF8A8D
A59C9D
98A5A6
341F20

Achromatopsia

BABABA
A9A9A9
A8A8A8
A8A8A8
2A2A2A

Shades & Tints Shades & Tints

#75E1A4

Dark
Light

#AFB16C

Dark
Light

#A4B08C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75e1a4;
  --color-2: #afb16c;
  --color-3: #a4b08c;
  --color-4: #96b598;
  --color-5: #352818;
}

SCSS

$color-1: #75e1a4;
$color-2: #afb16c;
$color-3: #a4b08c;
$color-4: #96b598;
$color-5: #352818;

TAILWIND

colors: {
  'brand-1': '#75e1a4',
  'brand-2': '#afb16c',
  'brand-3': '#a4b08c',
  'brand-4': '#96b598',
  'brand-5': '#352818',
}

RGB Array

[117, 225, 164], [175, 177, 108], [164, 176, 140], [150, 181, 152], [53, 40, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #75E1A4, #AFB16C, #A4B08C, #96B598, #352818 is ideal for: 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: #75e1a4; --color-2: #afb16c; --color-3: #a4b08c; --color-4: #96b598; --color-5: #352818. 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. 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