← Back to Editor

#FEF0EF · #D9D7FF · #FE00BF · #0D86D9 · #7D97FE

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

#FEF0EF

Peach Pink · SeaShell · Cherry Blossom

HEX
#FEF0EF
RGB
rgb(254, 240, 239)
HSL
hsl(4, 88%, 97%)
HSB
hsb(4, 6%, 100%)
CMYK
cmyk(0%, 6%, 6%, 0%)
Oklch
oklch(96.6% 0.015 22.4)

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

#D9D7FF

Wisteria · Lavender · Sky Blue

HEX
#D9D7FF
RGB
rgb(217, 215, 255)
HSL
hsl(243, 100%, 92%)
HSB
hsb(243, 16%, 100%)
CMYK
cmyk(15%, 16%, 0%, 0%)
Oklch
oklch(89.3% 0.055 287.5)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#FE00BF

Rose Purple · DeepPink · Violet

HEX
#FE00BF
RGB
rgb(254, 0, 191)
HSL
hsl(315, 100%, 50%)
HSB
hsb(315, 100%, 100%)
CMYK
cmyk(0%, 100%, 25%, 0%)
Oklch
oklch(66.7% 0.285 343.6)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#0D86D9

Lake Blue · DodgerBlue · Navy Blue

HEX
#0D86D9
RGB
rgb(13, 134, 217)
HSL
hsl(204, 89%, 45%)
HSB
hsb(204, 94%, 85%)
CMYK
cmyk(94%, 38%, 0%, 15%)
Oklch
oklch(60.4% 0.157 247.4)

Traditional「Lake Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#7D97FE

Azure · CornflowerBlue · Cobalt Blue

HEX
#7D97FE
RGB
rgb(125, 151, 254)
HSL
hsl(228, 98%, 74%)
HSB
hsb(228, 51%, 100%)
CMYK
cmyk(51%, 41%, 0%, 0%)
Oklch
oklch(70.2% 0.154 271.3)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEF0EF
F1FDFE

Analogous

FEF1F6
FEF0EF
FEF8F1

Triadic

FEF0EF
F1FEF2
F2F1FE

Split-Comp.

FEF0EF
F1FEF8
F1F6FE

Tetradic

FEF0EF
F6FEF1
F1FDFE
F8F1FE

Contrast Matrix WCAG 2.1 Contrast

FEF0EF
D9D7FF
FE00BF
0D86D9
7D97FE
—
1.3
Fail
3.2
AA Large
3.5
AA Large
2.4
Fail
1.3
Fail
—
2.5
Fail
2.8
Fail
2.0
Fail
3.2
AA Large
2.5
Fail
—
1.1
Fail
1.3
Fail
3.5
AA Large
2.8
Fail
1.1
Fail
—
1.4
Fail
2.4
Fail
2.0
Fail
1.3
Fail
1.4
Fail
—
White BG
1.1Fail
1.4Fail
3.5AA Large
3.9AA Large
2.7Fail
Black BG
18.9AAA
15.1AAA
6.0AA
5.4AA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8EF
D8D8F5
908E91
4142C5
8888E5

Deuteranopia

F9FAEF
D8D8F3
9FB286
3A31C0
8785DF

Tritanopia

FDEFEF
D9EEEC
F16C64
13B5B2
7ED1CD

Achromatopsia

F4F4F4
DCDCDC
626262
6B6B6B
9B9B9B

Shades & Tints Shades & Tints

#FEF0EF

Dark
Light

#D9D7FF

Dark
Light

#FE00BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fef0ef;
  --color-2: #d9d7ff;
  --color-3: #fe00bf;
  --color-4: #0d86d9;
  --color-5: #7d97fe;
}

SCSS

$color-1: #fef0ef;
$color-2: #d9d7ff;
$color-3: #fe00bf;
$color-4: #0d86d9;
$color-5: #7d97fe;

TAILWIND

colors: {
  'brand-1': '#fef0ef',
  'brand-2': '#d9d7ff',
  'brand-3': '#fe00bf',
  'brand-4': '#0d86d9',
  'brand-5': '#7d97fe',
}

RGB Array

[254, 240, 239], [217, 215, 255], [254, 0, 191], [13, 134, 217], [125, 151, 254]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FEF0EF, #D9D7FF, #FE00BF, #0D86D9, #7D97FE 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: #fef0ef; --color-2: #d9d7ff; --color-3: #fe00bf; --color-4: #0d86d9; --color-5: #7d97fe. 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