← Back to Editor

#FCF9D3 · #FFDDBF · #FFA999 · #FA3B95 · #FF006B

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

#FCF9D3

Fresh Green · Beige · Lemon Cream

HEX
#FCF9D3
RGB
rgb(252, 249, 211)
HSL
hsl(56, 87%, 91%)
HSB
hsb(56, 16%, 99%)
CMYK
cmyk(0%, 1%, 16%, 1%)
Oklch
oklch(97.5% 0.049 103.6)

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

#FFDDBF

Apricot · Bisque · Peach Orange

HEX
#FFDDBF
RGB
rgb(255, 221, 191)
HSL
hsl(28, 100%, 87%)
HSB
hsb(28, 25%, 100%)
CMYK
cmyk(0%, 13%, 25%, 0%)
Oklch
oklch(91.8% 0.055 63.5)

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

#FFA999

Peach Pink · LightSalmon · Coral Red

HEX
#FFA999
RGB
rgb(255, 169, 153)
HSL
hsl(9, 100%, 80%)
HSB
hsb(9, 40%, 100%)
CMYK
cmyk(0%, 34%, 40%, 0%)
Oklch
oklch(81.5% 0.105 31.0)

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

#FA3B95

Rouge · DeepPink · Rose Pink

HEX
#FA3B95
RGB
rgb(250, 59, 149)
HSL
hsl(332, 95%, 61%)
HSB
hsb(332, 76%, 98%)
CMYK
cmyk(0%, 76%, 40%, 2%)
Oklch
oklch(66.6% 0.234 357.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FF006B

Dark Violet · DeepPink · Camellia

HEX
#FF006B
RGB
rgb(255, 0, 107)
HSL
hsl(335, 100%, 50%)
HSB
hsb(335, 100%, 100%)
CMYK
cmyk(0%, 100%, 58%, 0%)
Oklch
oklch(64.0% 0.256 9.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF9D3
D4D7FC

Analogous

FCE5D4
FCF9D3
EBFCD4

Triadic

FCF9D3
D4FCF9
F9D4FC

Split-Comp.

FCF9D3
D4EBFC
E5D4FC

Tetradic

FCF9D3
D4FCE5
D4D7FC
FCD4EB

Contrast Matrix WCAG 2.1 Contrast

FCF9D3
FFDDBF
FFA999
FA3B95
FF006B
—
1.2
Fail
1.7
Fail
3.2
AA Large
3.6
AA Large
1.2
Fail
—
1.4
Fail
2.7
Fail
3.0
Fail
1.7
Fail
1.4
Fail
—
1.9
Fail
2.1
Fail
3.2
AA Large
2.7
Fail
1.9
Fail
—
1.1
Fail
3.6
AA Large
3.0
Fail
2.1
Fail
1.1
Fail
—
White BG
1.1Fail
1.3Fail
1.8Fail
3.4AA Large
3.8AA Large
Black BG
19.6AAA
16.3AAA
11.4AAA
6.1AA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBDC
F0F0C6
DAD99D
A7A67F
918E51

Deuteranopia

FBFBDE
F2F5C8
DFE59E
B2C17A
9FB34B

Tritanopia

FCE3E5
FDCCCD
FBA0A1
F06E6A
F23D38

Achromatopsia

F6F6F6
E4E4E4
C1C1C1
7E7E7E
585858

Shades & Tints Shades & Tints

#FCF9D3

Dark
Light

#FFDDBF

Dark
Light

#FFA999

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf9d3;
  --color-2: #ffddbf;
  --color-3: #ffa999;
  --color-4: #fa3b95;
  --color-5: #ff006b;
}

SCSS

$color-1: #fcf9d3;
$color-2: #ffddbf;
$color-3: #ffa999;
$color-4: #fa3b95;
$color-5: #ff006b;

TAILWIND

colors: {
  'brand-1': '#fcf9d3',
  'brand-2': '#ffddbf',
  'brand-3': '#ffa999',
  'brand-4': '#fa3b95',
  'brand-5': '#ff006b',
}

RGB Array

[252, 249, 211], [255, 221, 191], [255, 169, 153], [250, 59, 149], [255, 0, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FCF9D3, #FFDDBF, #FFA999, #FA3B95, #FF006B 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: #fcf9d3; --color-2: #ffddbf; --color-3: #ffa999; --color-4: #fa3b95; --color-5: #ff006b. 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