#FAEDDC + #999999 + #A8D7D2 + #C2BCC7 + #EFC3C3 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FAEDDC

Goose Yellow · Beige · Peach Orange

HEX

#FAEDDC

RGB

rgb(250, 237, 220)

HSL

hsl(34, 75%, 92%)

HSB

hsb(34, 12%, 98%)

CMYK

cmyk(0%, 5%, 12%, 2%)

Oklch

oklch(95.2% 0.027 74.8)

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

#999999

Ash · DarkGray · Silver Sand

HEX

#999999

RGB

rgb(153, 153, 153)

HSL

hsl(0, 0%, 60%)

HSB

hsb(0, 0%, 60%)

CMYK

cmyk(0%, 0%, 0%, 40%)

Oklch

oklch(68.3% 0.000 89.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#A8D7D2

Jade · LightBlue · Lake Green

HEX

#A8D7D2

RGB

rgb(168, 215, 210)

HSL

hsl(174, 37%, 75%)

HSB

hsb(174, 22%, 84%)

CMYK

cmyk(22%, 0%, 2%, 16%)

Oklch

oklch(84.5% 0.049 188.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C2BCC7

Lilac · Silver · Pearl Gray

HEX

#C2BCC7

RGB

rgb(194, 188, 199)

HSL

hsl(273, 9%, 76%)

HSB

hsb(273, 6%, 78%)

CMYK

cmyk(3%, 6%, 0%, 22%)

Oklch

oklch(80.3% 0.017 310.1)

Traditional「Lilac」· Paint「Pearl Gray」· Creative Silver Lining

#EFC3C3

Peach Pink · Pink · Cherry Blossom

HEX

#EFC3C3

RGB

rgb(239, 195, 195)

HSL

hsl(0, 58%, 85%)

HSB

hsb(0, 18%, 94%)

CMYK

cmyk(0%, 18%, 18%, 6%)

Oklch

oklch(85.6% 0.050 18.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAEDDC

DBE9FA

Analogous

FADDDB

FAEDDC

F8FADB

Triadic

FAEDDC

DBFAED

EDDBFA

Split-Comp.

FAEDDC

DBF8FA

DDDBFA

Tetradic

FAEDDC

DBFADD

DBE9FA

FADBF8

Contrast Matrix WCAG 2.1 Contrast

FAEDDC	999999	A8D7D2	C2BCC7	EFC3C3
—	2.5 Fail	1.4 Fail	1.6 Fail	1.4 Fail
2.5 Fail	—	1.8 Fail	1.5 Fail	1.8 Fail
1.4 Fail	1.8 Fail	—	1.2 Fail	1.0 Fail
1.6 Fail	1.5 Fail	1.2 Fail	—	1.2 Fail
1.4 Fail	1.8 Fail	1.0 Fail	1.2 Fail	—

White BG

1.2Fail

2.8Fail

1.6Fail

1.9Fail

1.6Fail

Black BG

18.2AAA

7.4AAA

13.3AAA

11.3AAA

13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4E0

999999

BCBDD3

BFBFC4

DCDCC3

Deuteranopia

F5F6E1

999999

BAB6D4

C0C0C4

DFE2C3

Tritanopia

F9E3E4

999999

AAD4D4

C2C2C2

EDC3C3

Achromatopsia

EFEFEF

999999

C8C8C8

BFBFBF

D0D0D0

Shades & Tints Shades & Tints

#FAEDDC

Dark

Light

#999999

Dark

Light

#A8D7D2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faeddc;
  --color-2: #999999;
  --color-3: #a8d7d2;
  --color-4: #c2bcc7;
  --color-5: #efc3c3;
}

SCSS

$color-1: #faeddc;
$color-2: #999999;
$color-3: #a8d7d2;
$color-4: #c2bcc7;
$color-5: #efc3c3;

TAILWIND

colors: {
  'brand-1': '#faeddc',
  'brand-2': '#999999',
  'brand-3': '#a8d7d2',
  'brand-4': '#c2bcc7',
  'brand-5': '#efc3c3',
}

RGB Array

[250, 237, 220], [153, 153, 153], [168, 215, 210], [194, 188, 199], [239, 195, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FAEDDC, #999999, #A8D7D2, #C2BCC7, #EFC3C3 is ideal for: health products, baby brands, fresh-style blogs. 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: #faeddc; --color-2: #999999; --color-3: #a8d7d2; --color-4: #c2bcc7; --color-5: #efc3c3. 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 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