← Back to Editor

#FF7D82 · #FF987D · #FFB87D · #FFD97D · #FFFA7D

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FF7D82

Peach Pink · LightCoral · Coral Red

HEX
#FF7D82
RGB
rgb(255, 125, 130)
HSL
hsl(358, 100%, 75%)
HSB
hsb(358, 51%, 100%)
CMYK
cmyk(0%, 51%, 49%, 0%)
Oklch
oklch(74.1% 0.158 19.3)

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

#FF987D

Peach Pink · LightSalmon · Coral Red

HEX
#FF987D
RGB
rgb(255, 152, 125)
HSL
hsl(12, 100%, 75%)
HSB
hsb(12, 51%, 100%)
CMYK
cmyk(0%, 40%, 51%, 0%)
Oklch
oklch(78.1% 0.130 35.5)

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

#FFB87D

Apricot · LightSalmon · Warm Sun

HEX
#FFB87D
RGB
rgb(255, 184, 125)
HSL
hsl(27, 100%, 75%)
HSB
hsb(27, 51%, 100%)
CMYK
cmyk(0%, 28%, 51%, 0%)
Oklch
oklch(83.6% 0.112 60.2)

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

#FFD97D

Goose Yellow · Khaki · Sunflower

HEX
#FFD97D
RGB
rgb(255, 217, 125)
HSL
hsl(42, 100%, 75%)
HSB
hsb(42, 51%, 100%)
CMYK
cmyk(0%, 15%, 51%, 0%)
Oklch
oklch(89.9% 0.119 87.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FFFA7D

Fresh Green · Khaki · Sunflower

HEX
#FFFA7D
RGB
rgb(255, 250, 125)
HSL
hsl(58, 100%, 75%)
HSB
hsb(58, 51%, 100%)
CMYK
cmyk(0%, 2%, 51%, 0%)
Oklch
oklch(96.4% 0.147 106.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7D82
80FFFB

Analogous

FF80C3
FF7D82
FFBB80

Triadic

FF7D82
84FF80
8084FF

Split-Comp.

FF7D82
80FFBB
80C3FF

Tetradic

FF7D82
C4FF80
80FFFB
BB80FF

Contrast Matrix WCAG 2.1 Contrast

FF7D82
FF987D
FFB87D
FFD97D
FFFA7D
—
1.2
Fail
1.5
Fail
1.8
Fail
2.3
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.3
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
2.5Fail
2.1Fail
1.7Fail
1.4Fail
1.1Fail
Black BG
8.5AAA
10.0AAA
12.4AAA
15.5AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C681
D2D184
E0E08B
EFEE93
FDFD9B

Deuteranopia

CED881
D8E085
E4EA8F
F1F499
FDFEA3

Tritanopia

F98080
FA898A
FB9799
FDA5A9
FFB3B8

Achromatopsia

A4A4A4
B4B4B4
C7C7C7
DADADA
EDEDED

Shades & Tints Shades & Tints

#FF7D82

Dark
Light

#FF987D

Dark
Light

#FFB87D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7d82;
  --color-2: #ff987d;
  --color-3: #ffb87d;
  --color-4: #ffd97d;
  --color-5: #fffa7d;
}

SCSS

$color-1: #ff7d82;
$color-2: #ff987d;
$color-3: #ffb87d;
$color-4: #ffd97d;
$color-5: #fffa7d;

TAILWIND

colors: {
  'brand-1': '#ff7d82',
  'brand-2': '#ff987d',
  'brand-3': '#ffb87d',
  'brand-4': '#ffd97d',
  'brand-5': '#fffa7d',
}

RGB Array

[255, 125, 130], [255, 152, 125], [255, 184, 125], [255, 217, 125], [255, 250, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FF7D82, #FF987D, #FFB87D, #FFD97D, #FFFA7D 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: #ff7d82; --color-2: #ff987d; --color-3: #ffb87d; --color-4: #ffd97d; --color-5: #fffa7d. 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