#72A898 + #A4BC98 + #E0C89C + #FEE2A1 + #FFFDD9 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#72A898

Mineral Blue · CadetBlue · Lake Green

HEX

#72A898

RGB

rgb(114, 168, 152)

HSL

hsl(162, 24%, 55%)

HSB

hsb(162, 32%, 66%)

CMYK

cmyk(32%, 0%, 10%, 34%)

Oklch

oklch(68.9% 0.062 173.9)

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

#A4BC98

Celadon · DarkSeaGreen · Apple Green

HEX

#A4BC98

RGB

rgb(164, 188, 152)

HSL

hsl(100, 21%, 67%)

HSB

hsb(100, 19%, 74%)

CMYK

cmyk(13%, 0%, 19%, 26%)

Oklch

oklch(76.7% 0.057 135.2)

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

#E0C89C

Goose Yellow · BurlyWood · Warm Sun

HEX

#E0C89C

RGB

rgb(224, 200, 156)

HSL

hsl(39, 52%, 75%)

HSB

hsb(39, 30%, 88%)

CMYK

cmyk(0%, 11%, 30%, 12%)

Oklch

oklch(84.2% 0.064 82.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FEE2A1

Goose Yellow · Wheat · Lemon Cream

HEX

#FEE2A1

RGB

rgb(254, 226, 161)

HSL

hsl(42, 98%, 81%)

HSB

hsb(42, 37%, 100%)

CMYK

cmyk(0%, 11%, 37%, 0%)

Oklch

oklch(92.1% 0.088 87.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFFDD9

Fresh Green · LightYellow · Lemon Cream

HEX

#FFFDD9

RGB

rgb(255, 253, 217)

HSL

hsl(57, 100%, 93%)

HSB

hsb(57, 15%, 100%)

CMYK

cmyk(0%, 1%, 15%, 0%)

Oklch

oklch(98.6% 0.047 104.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

72A898

A87181

Analogous

71A87C

72A898

719DA8

Triadic

72A898

9771A8

A89771

Split-Comp.

72A898

A8719D

A87C71

Tetradic

72A898

7C71A8

A87181

9DA871

Contrast Matrix WCAG 2.1 Contrast

72A898	A4BC98	E0C89C	FEE2A1	FFFDD9
—	1.3 Fail	1.7 Fail	2.1 Fail	2.6 Fail
1.3 Fail	—	1.3 Fail	1.6 Fail	2.0 Fail
1.7 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
2.1 Fail	1.6 Fail	1.3 Fail	—	1.2 Fail
2.6 Fail	2.0 Fail	1.6 Fail	1.2 Fail	—

White BG

2.7Fail

2.1Fail

1.6Fail

1.3Fail

1.0Fail

Black BG

7.8AAA

10.2AAA

12.9AAA

16.6AAA

20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898A9C

AEAFA1

D6D5A7

F2F2B1

FEFEE2

Deuteranopia

86829D

ADABA3

D7D9A9

F4F6B5

FEFEE4

Tritanopia

759FA0

A5A8A9

DFAFB1

FDBDC0

FFE9EA

Achromatopsia

969696

B1B1B1

CACACA

E3E3E3

F9F9F9

Shades & Tints Shades & Tints

#72A898

Dark

Light

#A4BC98

Dark

Light

#E0C89C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #72a898;
  --color-2: #a4bc98;
  --color-3: #e0c89c;
  --color-4: #fee2a1;
  --color-5: #fffdd9;
}

SCSS

$color-1: #72a898;
$color-2: #a4bc98;
$color-3: #e0c89c;
$color-4: #fee2a1;
$color-5: #fffdd9;

TAILWIND

colors: {
  'brand-1': '#72a898',
  'brand-2': '#a4bc98',
  'brand-3': '#e0c89c',
  'brand-4': '#fee2a1',
  'brand-5': '#fffdd9',
}

RGB Array

[114, 168, 152], [164, 188, 152], [224, 200, 156], [254, 226, 161], [255, 253, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #72A898, #A4BC98, #E0C89C, #FEE2A1, #FFFDD9 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: #72a898; --color-2: #a4bc98; --color-3: #e0c89c; --color-4: #fee2a1; --color-5: #fffdd9. 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