← Back to Editor

#FEE8DB · #FFC996 · #FF9585 · #B2BAA3 · #646464

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 AppData Visualization

Color Details Color Details

#FEE8DB

Apricot · Linen · Peach Orange

HEX
#FEE8DB
RGB
rgb(254, 232, 219)
HSL
hsl(22, 95%, 93%)
HSB
hsb(22, 14%, 100%)
CMYK
cmyk(0%, 9%, 14%, 0%)
Oklch
oklch(94.5% 0.030 52.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFC996

Apricot · Khaki · Peach Orange

HEX
#FFC996
RGB
rgb(255, 201, 150)
HSL
hsl(29, 100%, 79%)
HSB
hsb(29, 41%, 100%)
CMYK
cmyk(0%, 21%, 41%, 0%)
Oklch
oklch(87.2% 0.090 64.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FF9585

Peach Pink · LightSalmon · Coral Red

HEX
#FF9585
RGB
rgb(255, 149, 133)
HSL
hsl(8, 100%, 76%)
HSB
hsb(8, 48%, 100%)
CMYK
cmyk(0%, 42%, 48%, 0%)
Oklch
oklch(77.8% 0.131 29.5)

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

#B2BAA3

Willow Green · DarkGray · Apple Green

HEX
#B2BAA3
RGB
rgb(178, 186, 163)
HSL
hsl(81, 14%, 68%)
HSB
hsb(81, 12%, 73%)
CMYK
cmyk(4%, 0%, 12%, 27%)
Oklch
oklch(77.6% 0.033 122.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#646464

Ink Gray · DimGray · Charcoal

HEX
#646464
RGB
rgb(100, 100, 100)
HSL
hsl(0, 0%, 39%)
HSB
hsb(0, 0%, 39%)
CMYK
cmyk(0%, 0%, 0%, 61%)
Oklch
oklch(50.3% 0.000 89.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEE8DB
DCF2FE

Analogous

FEDCE1
FEE8DB
FEFADC

Triadic

FEE8DB
DCFEE9
E9DCFE

Split-Comp.

FEE8DB
DCFEFA
DCE1FE

Tetradic

FEE8DB
E1FEDC
DCF2FE
FADCFE

Contrast Matrix WCAG 2.1 Contrast

FEE8DB
FFC996
FF9585
B2BAA3
646464
—
1.3
Fail
1.8
Fail
1.7
Fail
5.0
AA
1.3
Fail
—
1.4
Fail
1.3
Fail
4.0
AA Large
1.8
Fail
1.4
Fail
—
1.1
Fail
2.8
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
2.9
Fail
5.0
AA
4.0
AA Large
2.8
Fail
2.9
Fail
—
White BG
1.2Fail
1.5Fail
2.1Fail
2.0Fail
5.9AA
Black BG
17.8AAA
14.0AAA
9.9AAA
10.4AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4DE
E8E7A2
D1D089
B5B6A9
646464

Deuteranopia

F6F7DF
EBEFA5
D7DF8A
B5B4AA
646464

Tritanopia

FDE1E1
FCACAE
FA8C8D
B2ADAE
646464

Achromatopsia

EDEDED
D3D3D3
B3B3B3
B5B5B5
646464

Shades & Tints Shades & Tints

#FEE8DB

Dark
Light

#FFC996

Dark
Light

#FF9585

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fee8db;
  --color-2: #ffc996;
  --color-3: #ff9585;
  --color-4: #b2baa3;
  --color-5: #646464;
}

SCSS

$color-1: #fee8db;
$color-2: #ffc996;
$color-3: #ff9585;
$color-4: #b2baa3;
$color-5: #646464;

TAILWIND

colors: {
  'brand-1': '#fee8db',
  'brand-2': '#ffc996',
  'brand-3': '#ff9585',
  'brand-4': '#b2baa3',
  'brand-5': '#646464',
}

RGB Array

[254, 232, 219], [255, 201, 150], [255, 149, 133], [178, 186, 163], [100, 100, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FEE8DB, #FFC996, #FF9585, #B2BAA3, #646464 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: #fee8db; --color-2: #ffc996; --color-3: #ff9585; --color-4: #b2baa3; --color-5: #646464. 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