#DA7976 + #F5CAB2 + #F8FAC1 + #C6CEA0 + #8CB1A1 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DA7976

Peach Pink · LightCoral · Coral Red

HEX

#DA7976

RGB

rgb(218, 121, 118)

HSL

hsl(2, 57%, 66%)

HSB

hsb(2, 46%, 85%)

CMYK

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

Oklch

oklch(68.3% 0.121 22.6)

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

#F5CAB2

Apricot · Wheat · Peach Orange

HEX

#F5CAB2

RGB

rgb(245, 202, 178)

HSL

hsl(21, 77%, 83%)

HSB

hsb(21, 27%, 96%)

CMYK

cmyk(0%, 18%, 27%, 4%)

Oklch

oklch(87.0% 0.059 50.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F8FAC1

Fresh Green · Bisque · Lemon Cream

HEX

#F8FAC1

RGB

rgb(248, 250, 193)

HSL

hsl(62, 85%, 87%)

HSB

hsb(62, 23%, 98%)

CMYK

cmyk(1%, 0%, 23%, 2%)

Oklch

oklch(97.0% 0.073 109.4)

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

#C6CEA0

Willow Green · Tan · Apple Green

HEX

#C6CEA0

RGB

rgb(198, 206, 160)

HSL

hsl(70, 32%, 72%)

HSB

hsb(70, 22%, 81%)

CMYK

cmyk(4%, 0%, 22%, 19%)

Oklch

oklch(83.3% 0.062 115.8)

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

#8CB1A1

Jade · DarkSeaGreen · Apple Green

HEX

#8CB1A1

RGB

rgb(140, 177, 161)

HSL

hsl(154, 19%, 62%)

HSB

hsb(154, 21%, 69%)

CMYK

cmyk(21%, 0%, 9%, 31%)

Oklch

oklch(72.8% 0.046 166.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA7976

77D6DA

Analogous

DA77A5

DA7976

DAAC77

Triadic

DA7976

77DA7A

7A77DA

Split-Comp.

DA7976

77DAAC

77A5DA

Tetradic

DA7976

A5DA77

77D6DA

AC77DA

Contrast Matrix WCAG 2.1 Contrast

DA7976	F5CAB2	F8FAC1	C6CEA0	8CB1A1
—	2.0 Fail	2.8 Fail	1.8 Fail	1.3 Fail
2.0 Fail	—	1.4 Fail	1.1 Fail	1.6 Fail
2.8 Fail	1.4 Fail	—	1.5 Fail	2.2 Fail
1.8 Fail	1.1 Fail	1.5 Fail	—	1.4 Fail
1.3 Fail	1.6 Fail	2.2 Fail	1.4 Fail	—

White BG

3.0AA Large

1.5Fail

1.1Fail

1.6Fail

2.4Fail

Black BG

7.0AA

14.0AAA

19.4AAA

12.7AAA

8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0AF77

E2E2B8

F9F9CF

C9CAAB

9C9CA5

Deuteranopia

B6BD77

E5E8B9

F9F9D2

C9C8AE

9A97A6

Tritanopia

D57777

F3BCBD

F8DADC

C6B4B6

8EA8A9

Achromatopsia

969696

D4D4D4

F3F3F3

C6C6C6

A4A4A4

Shades & Tints Shades & Tints

#DA7976

Dark

Light

#F5CAB2

Dark

Light

#F8FAC1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da7976;
  --color-2: #f5cab2;
  --color-3: #f8fac1;
  --color-4: #c6cea0;
  --color-5: #8cb1a1;
}

SCSS

$color-1: #da7976;
$color-2: #f5cab2;
$color-3: #f8fac1;
$color-4: #c6cea0;
$color-5: #8cb1a1;

TAILWIND

colors: {
  'brand-1': '#da7976',
  'brand-2': '#f5cab2',
  'brand-3': '#f8fac1',
  'brand-4': '#c6cea0',
  'brand-5': '#8cb1a1',
}

RGB Array

[218, 121, 118], [245, 202, 178], [248, 250, 193], [198, 206, 160], [140, 177, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DA7976, #F5CAB2, #F8FAC1, #C6CEA0, #8CB1A1 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: #da7976; --color-2: #f5cab2; --color-3: #f8fac1; --color-4: #c6cea0; --color-5: #8cb1a1. 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