← Back to Editor

#FFFAF5 · #F2E1D1 · #B0CCCF · #8CC5CE · #4CB5B9

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FFFAF5

Goose Yellow · Snow · Peach Orange

HEX
#FFFAF5
RGB
rgb(255, 250, 245)
HSL
hsl(30, 100%, 98%)
HSB
hsb(30, 4%, 100%)
CMYK
cmyk(0%, 2%, 4%, 0%)
Oklch
oklch(98.8% 0.009 67.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F2E1D1

Apricot · Bisque · Peach Orange

HEX
#F2E1D1
RGB
rgb(242, 225, 209)
HSL
hsl(29, 56%, 88%)
HSB
hsb(29, 14%, 95%)
CMYK
cmyk(0%, 7%, 14%, 5%)
Oklch
oklch(91.9% 0.028 65.8)

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

#B0CCCF

Sky Blue · LightSteelBlue · Lake Green

HEX
#B0CCCF
RGB
rgb(176, 204, 207)
HSL
hsl(186, 24%, 75%)
HSB
hsb(186, 15%, 81%)
CMYK
cmyk(15%, 1%, 0%, 19%)
Oklch
oklch(82.5% 0.030 204.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#8CC5CE

Sky Blue · SkyBlue · Lake Green

HEX
#8CC5CE
RGB
rgb(140, 197, 206)
HSL
hsl(188, 40%, 68%)
HSB
hsb(188, 32%, 81%)
CMYK
cmyk(32%, 4%, 0%, 19%)
Oklch
oklch(78.7% 0.060 208.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#4CB5B9

Slate Blue · MediumTurquoise · Lake Green

HEX
#4CB5B9
RGB
rgb(76, 181, 185)
HSL
hsl(182, 44%, 51%)
HSB
hsb(182, 59%, 73%)
CMYK
cmyk(59%, 2%, 0%, 27%)
Oklch
oklch(71.4% 0.096 198.7)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFAF5
F5FAFF

Analogous

FFF5F5
FFFAF5
FFFFF5

Triadic

FFFAF5
F5FFFA
FAF5FF

Split-Comp.

FFFAF5
F5FFFF
F5F5FF

Tetradic

FFFAF5
F5FFF5
F5FAFF
FFF5FF

Contrast Matrix WCAG 2.1 Contrast

FFFAF5
F2E1D1
B0CCCF
8CC5CE
4CB5B9
—
1.2
Fail
1.6
Fail
1.8
Fail
2.3
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.4
Fail
1.8
Fail
1.5
Fail
1.1
Fail
—
1.3
Fail
2.3
Fail
1.9
Fail
1.4
Fail
1.3
Fail
—
White BG
1.0Fail
1.3Fail
1.7Fail
1.9Fail
2.4Fail
Black BG
20.2AAA
16.5AAA
12.4AAA
11.0AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDF6
EBEAD5
BCBCCE
A5A5CC
797AB8

Deuteranopia

FDFEF7
ECEDD6
BBB8CE
A19DCB
736CB8

Tritanopia

FFF7F7
F1D8D9
B1CECE
8FCACA
51B7B7

Achromatopsia

FBFBFB
E4E4E4
C4C4C4
B5B5B5
969696

Shades & Tints Shades & Tints

#FFFAF5

Dark
Light

#F2E1D1

Dark
Light

#B0CCCF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffaf5;
  --color-2: #f2e1d1;
  --color-3: #b0cccf;
  --color-4: #8cc5ce;
  --color-5: #4cb5b9;
}

SCSS

$color-1: #fffaf5;
$color-2: #f2e1d1;
$color-3: #b0cccf;
$color-4: #8cc5ce;
$color-5: #4cb5b9;

TAILWIND

colors: {
  'brand-1': '#fffaf5',
  'brand-2': '#f2e1d1',
  'brand-3': '#b0cccf',
  'brand-4': '#8cc5ce',
  'brand-5': '#4cb5b9',
}

RGB Array

[255, 250, 245], [242, 225, 209], [176, 204, 207], [140, 197, 206], [76, 181, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FFFAF5, #F2E1D1, #B0CCCF, #8CC5CE, #4CB5B9 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fffaf5; --color-2: #f2e1d1; --color-3: #b0cccf; --color-4: #8cc5ce; --color-5: #4cb5b9. 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 tech, SaaS, healthcare, eco industries. 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