#EBC192 + #F3E7D5 + #A9E1DA + #6BC6BB + #6DAAA3 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBC192

Goose Yellow · BurlyWood · Warm Sun

HEX

#EBC192

RGB

rgb(235, 193, 146)

HSL

hsl(32, 69%, 75%)

HSB

hsb(32, 38%, 92%)

CMYK

cmyk(0%, 18%, 38%, 8%)

Oklch

oklch(83.7% 0.078 69.6)

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

#F3E7D5

Goose Yellow · Beige · Peach Orange

HEX

#F3E7D5

RGB

rgb(243, 231, 213)

HSL

hsl(36, 56%, 89%)

HSB

hsb(36, 12%, 95%)

CMYK

cmyk(0%, 5%, 12%, 5%)

Oklch

oklch(93.3% 0.027 78.2)

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

#A9E1DA

Jade · LightBlue · Glacier Blue

HEX

#A9E1DA

RGB

rgb(169, 225, 218)

HSL

hsl(173, 48%, 77%)

HSB

hsb(173, 25%, 88%)

CMYK

cmyk(25%, 0%, 3%, 12%)

Oklch

oklch(86.9% 0.058 186.6)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#6BC6BB

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#6BC6BB

RGB

rgb(107, 198, 187)

HSL

hsl(173, 44%, 60%)

HSB

hsb(173, 46%, 78%)

CMYK

cmyk(46%, 0%, 6%, 22%)

Oklch

oklch(76.7% 0.089 185.4)

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

#6DAAA3

Mineral Blue · CadetBlue · Lake Green

HEX

#6DAAA3

RGB

rgb(109, 170, 163)

HSL

hsl(173, 26%, 55%)

HSB

hsb(173, 36%, 67%)

CMYK

cmyk(36%, 0%, 4%, 33%)

Oklch

oklch(69.4% 0.064 186.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBC192

93BCEB

Analogous

EB9693

EBC192

E8EB93

Triadic

EBC192

93EBC2

C293EB

Split-Comp.

EBC192

93E8EB

9693EB

Tetradic

EBC192

93EB96

93BCEB

EB93E8

Contrast Matrix WCAG 2.1 Contrast

EBC192	F3E7D5	A9E1DA	6BC6BB	6DAAA3
—	1.4 Fail	1.2 Fail	1.2 Fail	1.6 Fail
1.4 Fail	—	1.2 Fail	1.7 Fail	2.2 Fail
1.2 Fail	1.2 Fail	—	1.4 Fail	1.8 Fail
1.2 Fail	1.7 Fail	1.4 Fail	—	1.3 Fail
1.6 Fail	2.2 Fail	1.8 Fail	1.3 Fail	—

White BG

1.7Fail

1.2Fail

1.5Fail

2.0Fail

2.6Fail

Black BG

12.6AAA

17.2AAA

14.5AAA

10.4AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D89D

EEEED9

C1C2DC

9293BE

8788A5

Deuteranopia

DBDEA0

EFEFDA

BEBADC

8D86BE

847FA5

Tritanopia

E9A6A8

F2DDDE

ACDDDD

70C0C0

70A6A6

Achromatopsia

C8C8C8

E9E9E9

CFCFCF

AAAAAA

979797

Shades & Tints Shades & Tints

#EBC192

Dark

Light

#F3E7D5

Dark

Light

#A9E1DA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebc192;
  --color-2: #f3e7d5;
  --color-3: #a9e1da;
  --color-4: #6bc6bb;
  --color-5: #6daaa3;
}

SCSS

$color-1: #ebc192;
$color-2: #f3e7d5;
$color-3: #a9e1da;
$color-4: #6bc6bb;
$color-5: #6daaa3;

TAILWIND

colors: {
  'brand-1': '#ebc192',
  'brand-2': '#f3e7d5',
  'brand-3': '#a9e1da',
  'brand-4': '#6bc6bb',
  'brand-5': '#6daaa3',
}

RGB Array

[235, 193, 146], [243, 231, 213], [169, 225, 218], [107, 198, 187], [109, 170, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EBC192, #F3E7D5, #A9E1DA, #6BC6BB, #6DAAA3 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: #ebc192; --color-2: #f3e7d5; --color-3: #a9e1da; --color-4: #6bc6bb; --color-5: #6daaa3. 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