#E2A89A + #EFC9B6 + #F5E0CF + #F6EAEA + #FDFDFD · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2A89A

Peach Pink · Tan · Coral Red

HEX

#E2A89A

RGB

rgb(226, 168, 154)

HSL

hsl(12, 55%, 75%)

HSB

hsb(12, 32%, 89%)

CMYK

cmyk(0%, 26%, 32%, 11%)

Oklch

oklch(78.2% 0.072 34.0)

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

#EFC9B6

Apricot · Wheat · Peach Orange

HEX

#EFC9B6

RGB

rgb(239, 201, 182)

HSL

hsl(20, 64%, 83%)

HSB

hsb(20, 24%, 94%)

CMYK

cmyk(0%, 16%, 24%, 6%)

Oklch

oklch(86.4% 0.050 48.1)

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

#F5E0CF

Apricot · Bisque · Peach Orange

HEX

#F5E0CF

RGB

rgb(245, 224, 207)

HSL

hsl(27, 66%, 89%)

HSB

hsb(27, 16%, 96%)

CMYK

cmyk(0%, 9%, 16%, 4%)

Oklch

oklch(91.9% 0.032 61.4)

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

#F6EAEA

Peach Pink · Linen · Cherry Blossom

HEX

#F6EAEA

RGB

rgb(246, 234, 234)

HSL

hsl(0, 40%, 94%)

HSB

hsb(0, 5%, 96%)

CMYK

cmyk(0%, 5%, 5%, 4%)

Oklch

oklch(94.6% 0.013 17.4)

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

#FDFDFD

Moonlight White · White · Cloud White

HEX

#FDFDFD

RGB

rgb(253, 253, 253)

HSL

hsl(0, 0%, 99%)

HSB

hsb(0, 0%, 99%)

CMYK

cmyk(0%, 0%, 0%, 1%)

Oklch

oklch(99.4% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2A89A

9CD4E2

Analogous

E29CB1

E2A89A

E2CD9C

Triadic

E2A89A

9CE2AA

AA9CE2

Split-Comp.

E2A89A

9CE2CD

9CB1E2

Tetradic

E2A89A

B1E29C

9CD4E2

CD9CE2

Contrast Matrix WCAG 2.1 Contrast

E2A89A	EFC9B6	F5E0CF	F6EAEA	FDFDFD
—	1.3 Fail	1.6 Fail	1.7 Fail	2.0 Fail
1.3 Fail	—	1.2 Fail	1.3 Fail	1.5 Fail
1.6 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
1.7 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
2.0 Fail	1.5 Fail	1.3 Fail	1.2 Fail	—

White BG

2.0Fail

1.5Fail

1.3Fail

1.2Fail

1.0Fail

Black BG

10.3AAA

13.7AAA

16.4AAA

17.9AAA

20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C89D

DFDEBB

ECECD3

F1F1EA

FDFDFD

Deuteranopia

CCD19E

E1E4BC

EDEFD4

F2F2EA

FDFDFD

Tritanopia

DFA0A1

EDBEBF

F4D6D7

F5EAEA

FDFDFD

Achromatopsia

B8B8B8

D2D2D2

E4E4E4

EEEEEE

FDFDFD

Shades & Tints Shades & Tints

#E2A89A

Dark

Light

#EFC9B6

Dark

Light

#F5E0CF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2a89a;
  --color-2: #efc9b6;
  --color-3: #f5e0cf;
  --color-4: #f6eaea;
  --color-5: #fdfdfd;
}

SCSS

$color-1: #e2a89a;
$color-2: #efc9b6;
$color-3: #f5e0cf;
$color-4: #f6eaea;
$color-5: #fdfdfd;

TAILWIND

colors: {
  'brand-1': '#e2a89a',
  'brand-2': '#efc9b6',
  'brand-3': '#f5e0cf',
  'brand-4': '#f6eaea',
  'brand-5': '#fdfdfd',
}

RGB Array

[226, 168, 154], [239, 201, 182], [245, 224, 207], [246, 234, 234], [253, 253, 253]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E2A89A, #EFC9B6, #F5E0CF, #F6EAEA, #FDFDFD 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: #e2a89a; --color-2: #efc9b6; --color-3: #f5e0cf; --color-4: #f6eaea; --color-5: #fdfdfd. 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