#FEE5A2 + #F4AFA0 + #B77CBE + #9164B7 + #785CB3 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FEE5A2

Goose Yellow · Wheat · Lemon Cream

HEX

#FEE5A2

RGB

rgb(254, 229, 162)

HSL

hsl(44, 98%, 82%)

HSB

hsb(44, 36%, 100%)

CMYK

cmyk(0%, 10%, 36%, 0%)

Oklch

oklch(92.7% 0.089 89.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F4AFA0

Peach Pink · BurlyWood · Coral Red

HEX

#F4AFA0

RGB

rgb(244, 175, 160)

HSL

hsl(11, 79%, 79%)

HSB

hsb(11, 34%, 96%)

CMYK

cmyk(0%, 28%, 34%, 4%)

Oklch

oklch(81.5% 0.084 32.6)

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

#B77CBE

Lilac · Orchid · Lilac Purple

HEX

#B77CBE

RGB

rgb(183, 124, 190)

HSL

hsl(294, 34%, 62%)

HSB

hsb(294, 35%, 75%)

CMYK

cmyk(4%, 35%, 0%, 25%)

Oklch

oklch(66.9% 0.115 323.0)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#9164B7

Dark Plum · SlateBlue · Violet

HEX

#9164B7

RGB

rgb(145, 100, 183)

HSL

hsl(273, 37%, 55%)

HSB

hsb(273, 45%, 72%)

CMYK

cmyk(21%, 45%, 0%, 28%)

Oklch

oklch(58.4% 0.131 307.8)

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

#785CB3

Deep Indigo · SlateBlue · Navy Blue

HEX

#785CB3

RGB

rgb(120, 92, 179)

HSL

hsl(259, 36%, 53%)

HSB

hsb(259, 49%, 70%)

CMYK

cmyk(33%, 49%, 0%, 30%)

Oklch

oklch(54.3% 0.133 296.5)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEE5A2

A4BCFE

Analogous

FEB9A4

FEE5A2

E9FEA4

Triadic

FEE5A2

A4FEE6

E6A4FE

Split-Comp.

FEE5A2

A4E9FE

B9A4FE

Tetradic

FEE5A2

A4FEB9

A4BCFE

FEA4E9

Contrast Matrix WCAG 2.1 Contrast

FEE5A2	F4AFA0	B77CBE	9164B7	785CB3
—	1.5 Fail	2.6 Fail	3.6 AA Large	4.3 AA Large
1.5 Fail	—	1.7 Fail	2.4 Fail	2.9 Fail
2.6 Fail	1.7 Fail	—	1.4 Fail	1.7 Fail
3.6 AA Large	2.4 Fail	1.4 Fail	—	1.2 Fail
4.3 AA Large	2.9 Fail	1.7 Fail	1.2 Fail	—

White BG

1.2Fail

1.8Fail

3.2AA Large

4.5AA Large

5.3AA

Black BG

16.9AAA

11.5AAA

6.6AA

4.7AA

4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3B2

D6D6A4

9D9DAE

7E7DA3

6C6C9E

Deuteranopia

F5F7B6

DADFA5

A1A5AA

80849E

6E7099

Tritanopia

FDBFC2

F1A6A7

B4A19F

8F9390

778D8A

Achromatopsia

E5E5E5

C2C2C2

959595

7B7B7B

6E6E6E

Shades & Tints Shades & Tints

#FEE5A2

Dark

Light

#F4AFA0

Dark

Light

#B77CBE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fee5a2;
  --color-2: #f4afa0;
  --color-3: #b77cbe;
  --color-4: #9164b7;
  --color-5: #785cb3;
}

SCSS

$color-1: #fee5a2;
$color-2: #f4afa0;
$color-3: #b77cbe;
$color-4: #9164b7;
$color-5: #785cb3;

TAILWIND

colors: {
  'brand-1': '#fee5a2',
  'brand-2': '#f4afa0',
  'brand-3': '#b77cbe',
  'brand-4': '#9164b7',
  'brand-5': '#785cb3',
}

RGB Array

[254, 229, 162], [244, 175, 160], [183, 124, 190], [145, 100, 183], [120, 92, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FEE5A2, #F4AFA0, #B77CBE, #9164B7, #785CB3 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: #fee5a2; --color-2: #f4afa0; --color-3: #b77cbe; --color-4: #9164b7; --color-5: #785cb3. 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