#737F81 + #C4918A + #E8AA93 + #EAC698 + #E2D89C · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#737F81

Ink Gray · Gray · Warm Gray

HEX

#737F81

RGB

rgb(115, 127, 129)

HSL

hsl(189, 6%, 48%)

HSB

hsb(189, 11%, 51%)

CMYK

cmyk(11%, 2%, 0%, 49%)

Oklch

oklch(58.7% 0.015 208.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#C4918A

Peach Pink · Tan · Coral Red

HEX

#C4918A

RGB

rgb(196, 145, 138)

HSL

hsl(7, 33%, 65%)

HSB

hsb(7, 30%, 77%)

CMYK

cmyk(0%, 26%, 30%, 23%)

Oklch

oklch(70.4% 0.063 27.6)

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

#E8AA93

Apricot · BurlyWood · Warm Sun

HEX

#E8AA93

RGB

rgb(232, 170, 147)

HSL

hsl(16, 65%, 74%)

HSB

hsb(16, 37%, 91%)

CMYK

cmyk(0%, 27%, 37%, 9%)

Oklch

oklch(79.1% 0.080 41.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EAC698

Goose Yellow · BurlyWood · Peach Orange

HEX

#EAC698

RGB

rgb(234, 198, 152)

HSL

hsl(34, 66%, 76%)

HSB

hsb(34, 35%, 92%)

CMYK

cmyk(0%, 15%, 35%, 8%)

Oklch

oklch(84.7% 0.073 73.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E2D89C

Fresh Green · Khaki · Sunflower

HEX

#E2D89C

RGB

rgb(226, 216, 156)

HSL

hsl(51, 55%, 75%)

HSB

hsb(51, 31%, 89%)

CMYK

cmyk(0%, 4%, 31%, 11%)

Oklch

oklch(87.6% 0.078 99.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

737F81

827573

Analogous

73827D

737F81

737882

Triadic

737F81

827380

808273

Split-Comp.

737F81

827378

827D73

Tetradic

737F81

7D7382

827573

788273

Contrast Matrix WCAG 2.1 Contrast

737F81	C4918A	E8AA93	EAC698	E2D89C
—	1.5 Fail	2.1 Fail	2.6 Fail	2.9 Fail
1.5 Fail	—	1.4 Fail	1.7 Fail	1.9 Fail
2.1 Fail	1.4 Fail	—	1.2 Fail	1.4 Fail
2.6 Fail	1.7 Fail	1.2 Fail	—	1.1 Fail
2.9 Fail	1.9 Fail	1.4 Fail	1.1 Fail	—

White BG

4.1AA Large

2.7Fail

2.0Fail

1.6Fail

1.4Fail

Black BG

5.1AA

7.8AAA

10.6AAA

13.0AAA

14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787881

AEAD8C

CDCD99

DADAA3

DEDEAB

Deuteranopia

787780

B1B58C

D1D59A

DDDFA6

DEDFAE

Tritanopia

748080

C18D8D

E59D9E

E8ACAE

E2B6B9

Achromatopsia

7C7C7C

9F9F9F

BABABA

CCCCCC

D4D4D4

Shades & Tints Shades & Tints

#737F81

Dark

Light

#C4918A

Dark

Light

#E8AA93

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #737f81;
  --color-2: #c4918a;
  --color-3: #e8aa93;
  --color-4: #eac698;
  --color-5: #e2d89c;
}

SCSS

$color-1: #737f81;
$color-2: #c4918a;
$color-3: #e8aa93;
$color-4: #eac698;
$color-5: #e2d89c;

TAILWIND

colors: {
  'brand-1': '#737f81',
  'brand-2': '#c4918a',
  'brand-3': '#e8aa93',
  'brand-4': '#eac698',
  'brand-5': '#e2d89c',
}

RGB Array

[115, 127, 129], [196, 145, 138], [232, 170, 147], [234, 198, 152], [226, 216, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #737F81, #C4918A, #E8AA93, #EAC698, #E2D89C is ideal for: health products, baby brands, fresh-style blogs. 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: #737f81; --color-2: #c4918a; --color-3: #e8aa93; --color-4: #eac698; --color-5: #e2d89c. 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. 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