#817D58 + #90A967 + #D9E8BF + #69E1BA + #538681 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#817D58

Autumn Sage · DimGray · Honey Gold

HEX

#817D58

RGB

rgb(129, 125, 88)

HSL

hsl(54, 19%, 43%)

HSB

hsb(54, 32%, 51%)

CMYK

cmyk(0%, 3%, 32%, 49%)

Oklch

oklch(58.4% 0.053 102.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#90A967

Grass Green · DarkSeaGreen · Olive Green

HEX

#90A967

RGB

rgb(144, 169, 103)

HSL

hsl(83, 28%, 53%)

HSB

hsb(83, 39%, 66%)

CMYK

cmyk(15%, 0%, 39%, 34%)

Oklch

oklch(70.0% 0.094 125.7)

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

#D9E8BF

Willow Green · LightGray · Mint Green

HEX

#D9E8BF

RGB

rgb(217, 232, 191)

HSL

hsl(82, 47%, 83%)

HSB

hsb(82, 18%, 91%)

CMYK

cmyk(6%, 0%, 18%, 9%)

Oklch

oklch(90.9% 0.057 123.9)

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

#69E1BA

Jade · MediumAquaMarine · Lake Green

HEX

#69E1BA

RGB

rgb(105, 225, 186)

HSL

hsl(161, 67%, 65%)

HSB

hsb(161, 53%, 88%)

CMYK

cmyk(53%, 0%, 17%, 12%)

Oklch

oklch(83.0% 0.123 169.3)

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

#538681

Mineral Blue · SlateGray · Mint Ice

HEX

#538681

RGB

rgb(83, 134, 129)

HSL

hsl(174, 24%, 43%)

HSB

hsb(174, 38%, 53%)

CMYK

cmyk(38%, 0%, 4%, 47%)

Oklch

oklch(58.3% 0.055 187.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

817D58

595D82

Analogous

826959

817D58

728259

Triadic

817D58

59827E

7E5982

Split-Comp.

817D58

597282

695982

Tetradic

817D58

598269

595D82

825972

Contrast Matrix WCAG 2.1 Contrast

817D58	90A967	D9E8BF	69E1BA	538681
—	1.6 Fail	3.2 AA Large	2.6 Fail	1.0 Fail
1.6 Fail	—	2.0 Fail	1.6 Fail	1.6 Fail
3.2 AA Large	2.0 Fail	—	1.2 Fail	3.2 AA Large
2.6 Fail	1.6 Fail	1.2 Fail	—	2.6 Fail
1.0 Fail	1.6 Fail	3.2 AA Large	2.6 Fail	—

White BG

4.2AA Large

2.6Fail

1.3Fail

1.6Fail

4.1AA Large

Black BG

5.0AA

8.1AAA

16.2AAA

13.1AAA

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7F61

9B9B77

DFE0C9

9D9EC3

696A82

Deuteranopia

808063

99987B

DFDDCB

968DC6

666283

Tritanopia

81686A

918486

DAD1D2

6FCBCD

568383

Achromatopsia

7A7A7A

9A9A9A

DFDFDF

B9B9B9

767676

Shades & Tints Shades & Tints

#817D58

Dark

Light

#90A967

Dark

Light

#D9E8BF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #817d58;
  --color-2: #90a967;
  --color-3: #d9e8bf;
  --color-4: #69e1ba;
  --color-5: #538681;
}

SCSS

$color-1: #817d58;
$color-2: #90a967;
$color-3: #d9e8bf;
$color-4: #69e1ba;
$color-5: #538681;

TAILWIND

colors: {
  'brand-1': '#817d58',
  'brand-2': '#90a967',
  'brand-3': '#d9e8bf',
  'brand-4': '#69e1ba',
  'brand-5': '#538681',
}

RGB Array

[129, 125, 88], [144, 169, 103], [217, 232, 191], [105, 225, 186], [83, 134, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #817D58, #90A967, #D9E8BF, #69E1BA, #538681 is ideal for: corporate websites, product showcases, portfolios. 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: #817d58; --color-2: #90a967; --color-3: #d9e8bf; --color-4: #69e1ba; --color-5: #538681. 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. 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