#D9E0C3 + #F6094C + #A18674 + #A49E7E + #58B8AC · 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

#D9E0C3

Willow Green · LightGray · Mint Green

HEX

#D9E0C3

RGB

rgb(217, 224, 195)

HSL

hsl(74, 32%, 82%)

HSB

hsb(74, 13%, 88%)

CMYK

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

Oklch

oklch(89.4% 0.039 118.2)

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

#F6094C

Dark Violet · Crimson · Camellia

HEX

#F6094C

RGB

rgb(246, 9, 76)

HSL

hsl(343, 93%, 50%)

HSB

hsb(343, 96%, 96%)

CMYK

cmyk(0%, 96%, 69%, 4%)

Oklch

oklch(61.9% 0.245 17.3)

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

#A18674

Tangerine · Gray · Warm Sun

HEX

#A18674

RGB

rgb(161, 134, 116)

HSL

hsl(24, 19%, 54%)

HSB

hsb(24, 28%, 63%)

CMYK

cmyk(0%, 17%, 28%, 37%)

Oklch

oklch(64.0% 0.042 55.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A49E7E

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A49E7E

RGB

rgb(164, 158, 126)

HSL

hsl(51, 17%, 57%)

HSB

hsb(51, 23%, 64%)

CMYK

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

Oklch

oklch(69.6% 0.045 98.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#58B8AC

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#58B8AC

RGB

rgb(88, 184, 172)

HSL

hsl(173, 40%, 53%)

HSB

hsb(173, 52%, 72%)

CMYK

cmyk(52%, 0%, 7%, 28%)

Oklch

oklch(72.1% 0.093 184.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9E0C3

C9C2E0

Analogous

E0D8C2

D9E0C3

CAE0C2

Triadic

D9E0C3

C2D9E0

E0C2D9

Split-Comp.

D9E0C3

C2CAE0

D8C2E0

Tetradic

D9E0C3

C2E0D8

C9C2E0

E0C2CA

Contrast Matrix WCAG 2.1 Contrast

D9E0C3	F6094C	A18674	A49E7E	58B8AC
—	3.0 AA Large	2.5 Fail	2.0 Fail	1.7 Fail
3.0 AA Large	—	1.2 Fail	1.5 Fail	1.8 Fail
2.5 Fail	1.2 Fail	—	1.3 Fail	1.4 Fail
2.0 Fail	1.5 Fail	1.3 Fail	—	1.1 Fail
1.7 Fail	1.8 Fail	1.4 Fail	1.1 Fail	—

White BG

1.4Fail

4.1AA Large

3.4AA Large

2.7Fail

2.4Fail

Black BG

15.4AAA

5.1AA

6.2AA

7.8AAA

8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCCA

8F8D3C

959578

A1A186

8282AF

Deuteranopia

DCDBCC

9DAF38

979979

A2A288

7C75B0

Tritanopia

D9D0D1

EA2F2C

A07C7D

A48C8D

5DB1B2

Achromatopsia

DBDBDB

585858

8C8C8C

9C9C9C

9A9A9A

Shades & Tints Shades & Tints

#D9E0C3

Dark

Light

#F6094C

Dark

Light

#A18674

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9e0c3;
  --color-2: #f6094c;
  --color-3: #a18674;
  --color-4: #a49e7e;
  --color-5: #58b8ac;
}

SCSS

$color-1: #d9e0c3;
$color-2: #f6094c;
$color-3: #a18674;
$color-4: #a49e7e;
$color-5: #58b8ac;

TAILWIND

colors: {
  'brand-1': '#d9e0c3',
  'brand-2': '#f6094c',
  'brand-3': '#a18674',
  'brand-4': '#a49e7e',
  'brand-5': '#58b8ac',
}

RGB Array

[217, 224, 195], [246, 9, 76], [161, 134, 116], [164, 158, 126], [88, 184, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D9E0C3, #F6094C, #A18674, #A49E7E, #58B8AC 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: #d9e0c3; --color-2: #f6094c; --color-3: #a18674; --color-4: #a49e7e; --color-5: #58b8ac. 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