#74938B + #ECD7C4 + #E69196 + #F26261 + #83626B · 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

#74938B

Mineral Blue · LightSlateGray · Lake Green

HEX

#74938B

RGB

rgb(116, 147, 139)

HSL

hsl(165, 13%, 52%)

HSB

hsb(165, 21%, 58%)

CMYK

cmyk(21%, 0%, 5%, 42%)

Oklch

oklch(63.7% 0.037 177.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#ECD7C4

Apricot · Wheat · Peach Orange

HEX

#ECD7C4

RGB

rgb(236, 215, 196)

HSL

hsl(28, 51%, 85%)

HSB

hsb(28, 17%, 93%)

CMYK

cmyk(0%, 9%, 17%, 7%)

Oklch

oklch(89.1% 0.035 64.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E69196

Peach Pink · DarkSalmon · Coral Red

HEX

#E69196

RGB

rgb(230, 145, 150)

HSL

hsl(356, 63%, 74%)

HSB

hsb(356, 37%, 90%)

CMYK

cmyk(0%, 37%, 35%, 10%)

Oklch

oklch(74.5% 0.103 16.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F26261

Peach Pink · Tomato · Coral Red

HEX

#F26261

RGB

rgb(242, 98, 97)

HSL

hsl(0, 85%, 66%)

HSB

hsb(0, 60%, 95%)

CMYK

cmyk(0%, 60%, 60%, 5%)

Oklch

oklch(67.9% 0.178 23.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#83626B

Dark Violet · DimGray · Camellia

HEX

#83626B

RGB

rgb(131, 98, 107)

HSL

hsl(344, 14%, 45%)

HSB

hsb(344, 25%, 51%)

CMYK

cmyk(0%, 25%, 18%, 49%)

Oklch

oklch(53.3% 0.045 0.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74938B

95757D

Analogous

75957D

74938B

758D95

Triadic

74938B

8D7595

958D75

Split-Comp.

74938B

95758D

957D75

Tetradic

74938B

7D7595

95757D

8D9575

Contrast Matrix WCAG 2.1 Contrast

74938B	ECD7C4	E69196	F26261	83626B
—	2.4 Fail	1.4 Fail	1.1 Fail	1.6 Fail
2.4 Fail	—	1.7 Fail	2.3 Fail	3.8 AA Large
1.4 Fail	1.7 Fail	—	1.3 Fail	2.3 Fail
1.1 Fail	2.3 Fail	1.3 Fail	—	1.7 Fail
1.6 Fail	3.8 AA Large	2.3 Fail	1.7 Fail	—

White BG

3.3AA Large

1.4Fail

2.4Fail

3.1AA Large

5.4AA

Black BG

6.3AA

15.1AAA

8.9AAA

6.7AA

3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

81828D

E3E3C9

C1C095

B4B261

757469

Deuteranopia

807D8D

E4E6CA

C6CD95

BCC761

777968

Tritanopia

768E8F

EBCCCD

E29494

EB6161

816767

Achromatopsia

898989

DBDBDB

ABABAB

8D8D8D

6D6D6D

Shades & Tints Shades & Tints

#74938B

Dark

Light

#ECD7C4

Dark

Light

#E69196

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74938b;
  --color-2: #ecd7c4;
  --color-3: #e69196;
  --color-4: #f26261;
  --color-5: #83626b;
}

SCSS

$color-1: #74938b;
$color-2: #ecd7c4;
$color-3: #e69196;
$color-4: #f26261;
$color-5: #83626b;

TAILWIND

colors: {
  'brand-1': '#74938b',
  'brand-2': '#ecd7c4',
  'brand-3': '#e69196',
  'brand-4': '#f26261',
  'brand-5': '#83626b',
}

RGB Array

[116, 147, 139], [236, 215, 196], [230, 145, 150], [242, 98, 97], [131, 98, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #74938B, #ECD7C4, #E69196, #F26261, #83626B 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: #74938b; --color-2: #ecd7c4; --color-3: #e69196; --color-4: #f26261; --color-5: #83626b. 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