← Back to Editor

#AADFD4 · #85D5CA · #FF8D88 · #F77A77 · #F7B7B7

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 App

Color Details Color Details

#AADFD4

Jade · LightBlue · Glacier Blue

HEX
#AADFD4
RGB
rgb(170, 223, 212)
HSL
hsl(168, 45%, 77%)
HSB
hsb(168, 24%, 87%)
CMYK
cmyk(24%, 0%, 5%, 13%)
Oklch
oklch(86.4% 0.057 180.7)

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

#85D5CA

Jade · SkyBlue · Lake Green

HEX
#85D5CA
RGB
rgb(133, 213, 202)
HSL
hsl(172, 49%, 68%)
HSB
hsb(172, 38%, 84%)
CMYK
cmyk(38%, 0%, 5%, 16%)
Oklch
oklch(81.8% 0.080 184.7)

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

#FF8D88

Peach Pink · LightCoral · Coral Red

HEX
#FF8D88
RGB
rgb(255, 141, 136)
HSL
hsl(3, 100%, 77%)
HSB
hsb(3, 47%, 100%)
CMYK
cmyk(0%, 45%, 47%, 0%)
Oklch
oklch(76.6% 0.139 23.5)

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

#F77A77

Peach Pink · Salmon · Coral Red

HEX
#F77A77
RGB
rgb(247, 122, 119)
HSL
hsl(1, 89%, 72%)
HSB
hsb(1, 52%, 97%)
CMYK
cmyk(0%, 51%, 52%, 3%)
Oklch
oklch(72.3% 0.154 23.0)

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

#F7B7B7

Peach Pink · LightPink · Cherry Blossom

HEX
#F7B7B7
RGB
rgb(247, 183, 183)
HSL
hsl(0, 80%, 84%)
HSB
hsb(0, 26%, 97%)
CMYK
cmyk(0%, 26%, 26%, 3%)
Oklch
oklch(83.8% 0.075 18.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AADFD4
DFAAB5

Analogous

AADFBA
AADFD4
AACFDF

Triadic

AADFD4
D4AADF
DFD4AA

Split-Comp.

AADFD4
DFAACF
DFBAAA

Tetradic

AADFD4
BAAADF
DFAAB5
CFDFAA

Contrast Matrix WCAG 2.1 Contrast

AADFD4
85D5CA
FF8D88
F77A77
F7B7B7
—
1.1
Fail
1.5
Fail
1.8
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.0
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.6
Fail
1.1
Fail
1.0
Fail
1.3
Fail
1.6
Fail
—
White BG
1.5Fail
1.7Fail
2.2Fail
2.6Fail
1.7Fail
Black BG
14.2AAA
12.4AAA
9.4AAA
8.0AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1D7
A8A8CD
CECD89
C1C078
DBDBB7

Deuteranopia

BEBAD7
A39DCD
D4DD8A
C8D178
DFE4B7

Tritanopia

ADD9D9
89CFCF
F98A8A
F17878
F4B7B7

Achromatopsia

CECECE
BCBCBC
AFAFAF
9F9F9F
CACACA

Shades & Tints Shades & Tints

#AADFD4

Dark
Light

#85D5CA

Dark
Light

#FF8D88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aadfd4;
  --color-2: #85d5ca;
  --color-3: #ff8d88;
  --color-4: #f77a77;
  --color-5: #f7b7b7;
}

SCSS

$color-1: #aadfd4;
$color-2: #85d5ca;
$color-3: #ff8d88;
$color-4: #f77a77;
$color-5: #f7b7b7;

TAILWIND

colors: {
  'brand-1': '#aadfd4',
  'brand-2': '#85d5ca',
  'brand-3': '#ff8d88',
  'brand-4': '#f77a77',
  'brand-5': '#f7b7b7',
}

RGB Array

[170, 223, 212], [133, 213, 202], [255, 141, 136], [247, 122, 119], [247, 183, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AADFD4, #85D5CA, #FF8D88, #F77A77, #F7B7B7 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #aadfd4; --color-2: #85d5ca; --color-3: #ff8d88; --color-4: #f77a77; --color-5: #f7b7b7. 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 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