← Back to Editor

#AEB357 · #8E9C59 · #4A544B · #B0AD75 · #4D5D69

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

#AEB357

Autumn Sage · Tan · Sunflower

HEX
#AEB357
RGB
rgb(174, 179, 87)
HSL
hsl(63, 38%, 52%)
HSB
hsb(63, 51%, 70%)
CMYK
cmyk(3%, 0%, 51%, 30%)
Oklch
oklch(74.3% 0.116 111.7)

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

#8E9C59

Grass Green · Gray · Olive Green

HEX
#8E9C59
RGB
rgb(142, 156, 89)
HSL
hsl(73, 27%, 48%)
HSB
hsb(73, 43%, 61%)
CMYK
cmyk(9%, 0%, 43%, 39%)
Oklch
oklch(66.6% 0.092 118.6)

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

#4A544B

Ink Gray · DarkSlateGray · Charcoal

HEX
#4A544B
RGB
rgb(74, 84, 75)
HSL
hsl(126, 6%, 31%)
HSB
hsb(126, 12%, 33%)
CMYK
cmyk(12%, 0%, 11%, 67%)
Oklch
oklch(43.4% 0.019 148.1)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#B0AD75

Autumn Sage · Tan · Sunflower

HEX
#B0AD75
RGB
rgb(176, 173, 117)
HSL
hsl(57, 27%, 57%)
HSB
hsb(57, 34%, 69%)
CMYK
cmyk(0%, 2%, 34%, 31%)
Oklch
oklch(73.7% 0.075 105.5)

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

#4D5D69

Slate Blue · DimGray · Prussian Blue

HEX
#4D5D69
RGB
rgb(77, 93, 105)
HSL
hsl(206, 15%, 36%)
HSB
hsb(206, 27%, 41%)
CMYK
cmyk(27%, 11%, 0%, 59%)
Oklch
oklch(46.9% 0.028 240.6)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEB357
5B56B3

Analogous

B38956
AEB357
80B356

Triadic

AEB357
56AEB3
B356AE

Split-Comp.

AEB357
5680B3
8956B3

Tetradic

AEB357
56B389
5B56B3
B35680

Contrast Matrix WCAG 2.1 Contrast

AEB357
8E9C59
4A544B
B0AD75
4D5D69
—
1.3
Fail
3.5
AA Large
1.0
Fail
3.0
AA Large
1.3
Fail
—
2.6
Fail
1.3
Fail
2.3
Fail
3.5
AA Large
2.6
Fail
—
3.4
AA Large
1.2
Fail
1.0
Fail
1.3
Fail
3.4
AA Large
—
2.9
Fail
3.0
AA Large
2.3
Fail
1.2
Fail
2.9
Fail
—
White BG
2.2Fail
3.0Fail
7.9AAA
2.3Fail
6.8AA
Black BG
9.4AAA
7.0AAA
2.7Fail
9.1AAA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B06D
949469
4E4E4D
AFAF83
545466

Deuteranopia

B0B073
93926D
4E4D4E
AFAF86
535265

Tritanopia

AE7F83
8F7679
4B4F4F
B08D90
4E6463

Achromatopsia

A7A7A7
909090
505050
A8A8A8
5A5A5A

Shades & Tints Shades & Tints

#AEB357

Dark
Light

#8E9C59

Dark
Light

#4A544B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aeb357;
  --color-2: #8e9c59;
  --color-3: #4a544b;
  --color-4: #b0ad75;
  --color-5: #4d5d69;
}

SCSS

$color-1: #aeb357;
$color-2: #8e9c59;
$color-3: #4a544b;
$color-4: #b0ad75;
$color-5: #4d5d69;

TAILWIND

colors: {
  'brand-1': '#aeb357',
  'brand-2': '#8e9c59',
  'brand-3': '#4a544b',
  'brand-4': '#b0ad75',
  'brand-5': '#4d5d69',
}

RGB Array

[174, 179, 87], [142, 156, 89], [74, 84, 75], [176, 173, 117], [77, 93, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AEB357, #8E9C59, #4A544B, #B0AD75, #4D5D69 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: #aeb357; --color-2: #8e9c59; --color-3: #4a544b; --color-4: #b0ad75; --color-5: #4d5d69. 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