#FF7371 + #97938A + #BCB29F + #9AD6C8 + #8FFFF5 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FF7371

Peach Pink · Salmon · Coral Red

HEX

#FF7371

RGB

rgb(255, 115, 113)

HSL

hsl(1, 100%, 72%)

HSB

hsb(1, 56%, 100%)

CMYK

cmyk(0%, 55%, 56%, 0%)

Oklch

oklch(72.3% 0.172 23.1)

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

#97938A

Ash · Gray · Silver Sand

HEX

#97938A

RGB

rgb(151, 147, 138)

HSL

hsl(42, 6%, 57%)

HSB

hsb(42, 9%, 59%)

CMYK

cmyk(0%, 3%, 9%, 41%)

Oklch

oklch(66.4% 0.014 86.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#BCB29F

Ginger · DarkGray · Warm Sun

HEX

#BCB29F

RGB

rgb(188, 178, 159)

HSL

hsl(39, 18%, 68%)

HSB

hsb(39, 15%, 74%)

CMYK

cmyk(0%, 5%, 15%, 26%)

Oklch

oklch(76.7% 0.029 83.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#9AD6C8

Jade · LightBlue · Lake Green

HEX

#9AD6C8

RGB

rgb(154, 214, 200)

HSL

hsl(166, 42%, 72%)

HSB

hsb(166, 28%, 84%)

CMYK

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

Oklch

oklch(83.1% 0.064 178.5)

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

#8FFFF5

Jade · LightSkyBlue · Glacier Blue

HEX

#8FFFF5

RGB

rgb(143, 255, 245)

HSL

hsl(175, 100%, 78%)

HSB

hsb(175, 44%, 100%)

CMYK

cmyk(44%, 0%, 4%, 0%)

Oklch

oklch(93.1% 0.104 188.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7371

70FDFF

Analogous

FF70B5

FF7371

FFBA70

Triadic

FF7371

70FF73

7370FF

Split-Comp.

FF7371

70FFBA

70B5FF

Tetradic

FF7371

B5FF70

70FDFF

BA70FF

Contrast Matrix WCAG 2.1 Contrast

FF7371	97938A	BCB29F	9AD6C8	8FFFF5
—	1.2 Fail	1.3 Fail	1.6 Fail	2.2 Fail
1.2 Fail	—	1.5 Fail	1.9 Fail	2.6 Fail
1.3 Fail	1.5 Fail	—	1.3 Fail	1.8 Fail
1.6 Fail	1.9 Fail	1.3 Fail	—	1.4 Fail
2.2 Fail	2.6 Fail	1.8 Fail	1.4 Fail	—

White BG

2.6Fail

3.1AA Large

2.1Fail

1.6Fail

1.2Fail

Black BG

7.9AAA

6.9AA

10.0AAA

12.8AAA

17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C171

95958C

B8B8A4

B4B5CB

BFC1F7

Deuteranopia

CBD572

96968D

B8B9A5

B1ACCC

B9B1F8

Tritanopia

F87272

978E8E

BCA7A8

9DCECF

95F9FA

Achromatopsia

9D9D9D

939393

B3B3B3

C2C2C2

DCDCDC

Shades & Tints Shades & Tints

#FF7371

Dark

Light

#97938A

Dark

Light

#BCB29F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7371;
  --color-2: #97938a;
  --color-3: #bcb29f;
  --color-4: #9ad6c8;
  --color-5: #8ffff5;
}

SCSS

$color-1: #ff7371;
$color-2: #97938a;
$color-3: #bcb29f;
$color-4: #9ad6c8;
$color-5: #8ffff5;

TAILWIND

colors: {
  'brand-1': '#ff7371',
  'brand-2': '#97938a',
  'brand-3': '#bcb29f',
  'brand-4': '#9ad6c8',
  'brand-5': '#8ffff5',
}

RGB Array

[255, 115, 113], [151, 147, 138], [188, 178, 159], [154, 214, 200], [143, 255, 245]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FF7371, #97938A, #BCB29F, #9AD6C8, #8FFFF5 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: #ff7371; --color-2: #97938a; --color-3: #bcb29f; --color-4: #9ad6c8; --color-5: #8ffff5. 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