← Back to Editor

#FF7081 · #FFD79C · #FFEBCC · #6AABA2 · #3A857B

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FF7081

Peach Pink · LightCoral · Coral Red

HEX
#FF7081
RGB
rgb(255, 112, 129)
HSL
hsl(353, 100%, 72%)
HSB
hsb(353, 56%, 100%)
CMYK
cmyk(0%, 56%, 49%, 0%)
Oklch
oklch(72.3% 0.174 15.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FFD79C

Goose Yellow · Wheat · Peach Orange

HEX
#FFD79C
RGB
rgb(255, 215, 156)
HSL
hsl(36, 100%, 81%)
HSB
hsb(36, 39%, 100%)
CMYK
cmyk(0%, 16%, 39%, 0%)
Oklch
oklch(90.0% 0.087 77.0)

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

#FFEBCC

Goose Yellow · Bisque · Peach Orange

HEX
#FFEBCC
RGB
rgb(255, 235, 204)
HSL
hsl(36, 100%, 90%)
HSB
hsb(36, 20%, 100%)
CMYK
cmyk(0%, 8%, 20%, 0%)
Oklch
oklch(94.8% 0.046 78.8)

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

#6AABA2

Mineral Blue · CadetBlue · Lake Green

HEX
#6AABA2
RGB
rgb(106, 171, 162)
HSL
hsl(172, 28%, 54%)
HSB
hsb(172, 38%, 67%)
CMYK
cmyk(38%, 0%, 5%, 33%)
Oklch
oklch(69.5% 0.068 184.7)

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

#3A857B

Mineral Blue · SeaGreen · Mint Ice

HEX
#3A857B
RGB
rgb(58, 133, 123)
HSL
hsl(172, 39%, 37%)
HSB
hsb(172, 56%, 52%)
CMYK
cmyk(56%, 0%, 8%, 48%)
Oklch
oklch(56.6% 0.076 183.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7081
70FFEE

Analogous

FF70C8
FF7081
FFA770

Triadic

FF7081
81FF70
7081FF

Split-Comp.

FF7081
70FFA7
70C8FF

Tetradic

FF7081
C8FF70
70FFEE
A770FF

Contrast Matrix WCAG 2.1 Contrast

FF7081
FFD79C
FFEBCC
6AABA2
3A857B
—
2.0
Fail
2.3
Fail
1.0
Fail
1.6
Fail
2.0
Fail
—
1.2
Fail
1.9
Fail
3.2
AA Large
2.3
Fail
1.2
Fail
—
2.3
Fail
3.7
AA Large
1.0
Fail
1.9
Fail
2.3
Fail
—
1.7
Fail
1.6
Fail
3.2
AA Large
3.7
AA Large
1.7
Fail
—
White BG
2.7Fail
1.4Fail
1.2Fail
2.6Fail
4.4AA Large
Black BG
7.9AAA
15.5AAA
18.0AAA
8.0AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C07D
EEEDAA
F6F6D4
8687A4
5A5B7D

Deuteranopia

C9D47C
F0F3AE
F8F9D5
827DA5
56517E

Tritanopia

F87A79
FDB6B8
FED9DB
6DA6A6
3E7F80

Achromatopsia

9D9D9D
DCDCDC
EDEDED
979797
6D6D6D

Shades & Tints Shades & Tints

#FF7081

Dark
Light

#FFD79C

Dark
Light

#FFEBCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7081;
  --color-2: #ffd79c;
  --color-3: #ffebcc;
  --color-4: #6aaba2;
  --color-5: #3a857b;
}

SCSS

$color-1: #ff7081;
$color-2: #ffd79c;
$color-3: #ffebcc;
$color-4: #6aaba2;
$color-5: #3a857b;

TAILWIND

colors: {
  'brand-1': '#ff7081',
  'brand-2': '#ffd79c',
  'brand-3': '#ffebcc',
  'brand-4': '#6aaba2',
  'brand-5': '#3a857b',
}

RGB Array

[255, 112, 129], [255, 215, 156], [255, 235, 204], [106, 171, 162], [58, 133, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FF7081, #FFD79C, #FFEBCC, #6AABA2, #3A857B is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ff7081; --color-2: #ffd79c; --color-3: #ffebcc; --color-4: #6aaba2; --color-5: #3a857b. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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