#D97575 + #C08E87 + #A7A798 + #8EC0AA + #75D9BB · 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

#D97575

Peach Pink · LightCoral · Coral Red

HEX

#D97575

RGB

rgb(217, 117, 117)

HSL

hsl(0, 57%, 65%)

HSB

hsb(0, 46%, 85%)

CMYK

cmyk(0%, 46%, 46%, 15%)

Oklch

oklch(67.5% 0.125 20.9)

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

#C08E87

Peach Pink · Tan · Coral Red

HEX

#C08E87

RGB

rgb(192, 142, 135)

HSL

hsl(7, 31%, 64%)

HSB

hsb(7, 30%, 75%)

CMYK

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

Oklch

oklch(69.3% 0.062 27.8)

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

#A7A798

Fresh Green · DarkGray · Silver Sand

HEX

#A7A798

RGB

rgb(167, 167, 152)

HSL

hsl(60, 8%, 63%)

HSB

hsb(60, 9%, 65%)

CMYK

cmyk(0%, 0%, 9%, 35%)

Oklch

oklch(72.4% 0.021 106.9)

Traditional「Fresh Green」· Paint「Silver Sand」· Creative Urban Concrete

#8EC0AA

Jade · DarkSeaGreen · Apple Green

HEX

#8EC0AA

RGB

rgb(142, 192, 170)

HSL

hsl(154, 28%, 65%)

HSB

hsb(154, 26%, 75%)

CMYK

cmyk(26%, 0%, 11%, 25%)

Oklch

oklch(76.6% 0.061 165.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#75D9BB

Jade · MediumAquaMarine · Lake Green

HEX

#75D9BB

RGB

rgb(117, 217, 187)

HSL

hsl(162, 57%, 65%)

HSB

hsb(162, 46%, 85%)

CMYK

cmyk(46%, 0%, 14%, 15%)

Oklch

oklch(81.6% 0.104 172.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D97575

73D9D9

Analogous

D973A6

D97575

D9A673

Triadic

D97575

73D973

7373D9

Split-Comp.

D97575

73D9A6

73A6D9

Tetradic

D97575

A6D973

73D9D9

A673D9

Contrast Matrix WCAG 2.1 Contrast

D97575	C08E87	A7A798	8EC0AA	75D9BB
—	1.1 Fail	1.3 Fail	1.5 Fail	1.8 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.8 Fail	1.7 Fail	1.4 Fail	1.2 Fail	—

White BG

3.1AA Large

2.8Fail

2.4Fail

2.0Fail

1.7Fail

Black BG

6.8AA

7.5AAA

8.6AAA

10.3AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAD75

AAAA89

A7A79C

A4A4AF

A0A1C2

Deuteranopia

B4BB75

ADB189

A7A79D

A19DB1

9B93C4

Tritanopia

D47575

BD8A8A

A79E9F

91B4B4

7AC8C9

Achromatopsia

939393

9C9C9C

A5A5A5

AFAFAF

B8B8B8

Shades & Tints Shades & Tints

#D97575

Dark

Light

#C08E87

Dark

Light

#A7A798

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d97575;
  --color-2: #c08e87;
  --color-3: #a7a798;
  --color-4: #8ec0aa;
  --color-5: #75d9bb;
}

SCSS

$color-1: #d97575;
$color-2: #c08e87;
$color-3: #a7a798;
$color-4: #8ec0aa;
$color-5: #75d9bb;

TAILWIND

colors: {
  'brand-1': '#d97575',
  'brand-2': '#c08e87',
  'brand-3': '#a7a798',
  'brand-4': '#8ec0aa',
  'brand-5': '#75d9bb',
}

RGB Array

[217, 117, 117], [192, 142, 135], [167, 167, 152], [142, 192, 170], [117, 217, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D97575, #C08E87, #A7A798, #8EC0AA, #75D9BB 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: #d97575; --color-2: #c08e87; --color-3: #a7a798; --color-4: #8ec0aa; --color-5: #75d9bb. 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