← Back to Editor

#7A573D · #E58E8A · #F2BA79 · #FAEE8C · #F0FFBC

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

#7A573D

Tangerine · Sienna · Amber Brown

HEX
#7A573D
RGB
rgb(122, 87, 61)
HSL
hsl(26, 33%, 36%)
HSB
hsb(26, 50%, 48%)
CMYK
cmyk(0%, 29%, 50%, 52%)
Oklch
oklch(48.7% 0.060 57.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E58E8A

Peach Pink · DarkSalmon · Coral Red

HEX
#E58E8A
RGB
rgb(229, 142, 138)
HSL
hsl(3, 64%, 72%)
HSB
hsb(3, 40%, 90%)
CMYK
cmyk(0%, 38%, 40%, 10%)
Oklch
oklch(73.6% 0.107 22.8)

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

#F2BA79

Goose Yellow · BurlyWood · Warm Sun

HEX
#F2BA79
RGB
rgb(242, 186, 121)
HSL
hsl(32, 82%, 71%)
HSB
hsb(32, 50%, 95%)
CMYK
cmyk(0%, 23%, 50%, 5%)
Oklch
oklch(82.6% 0.105 69.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FAEE8C

Fresh Green · Khaki · Lemon Cream

HEX
#FAEE8C
RGB
rgb(250, 238, 140)
HSL
hsl(53, 92%, 76%)
HSB
hsb(53, 44%, 98%)
CMYK
cmyk(0%, 5%, 44%, 2%)
Oklch
oklch(93.8% 0.120 102.3)

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

#F0FFBC

Willow Green · Bisque · Mint Green

HEX
#F0FFBC
RGB
rgb(240, 255, 188)
HSL
hsl(73, 100%, 87%)
HSB
hsb(73, 26%, 100%)
CMYK
cmyk(6%, 0%, 26%, 0%)
Oklch
oklch(97.3% 0.087 118.3)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A573D
3E607A

Analogous

7A3E42
7A573D
7A763E

Triadic

7A573D
3E7A58
583E7A

Split-Comp.

7A573D
3E7A76
3E427A

Tetradic

7A573D
427A3E
3E607A
763E7A

Contrast Matrix WCAG 2.1 Contrast

7A573D
E58E8A
F2BA79
FAEE8C
F0FFBC
—
2.6
Fail
3.7
AA Large
5.4
AA
6.1
AA
2.6
Fail
—
1.4
Fail
2.1
Fail
2.3
Fail
3.7
AA Large
1.4
Fail
—
1.5
Fail
1.6
Fail
5.4
AA
2.1
Fail
1.5
Fail
—
1.1
Fail
6.1
AA
2.3
Fail
1.6
Fail
1.1
Fail
—
White BG
6.4AA
2.5Fail
1.7Fail
1.2Fail
1.1Fail
Black BG
3.3AA Large
8.6AAA
12.1AAA
17.7AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6B43
BFBF8B
DAD989
F5F5A4
F6F7CC

Deuteranopia

6D6F45
C4CB8B
DDE18D
F6F6A9
F6F5D0

Tritanopia

784849
E18C8C
EF9598
F9B6BB
F1D9DC

Achromatopsia

5F5F5F
A8A8A8
C3C3C3
E6E6E6
F3F3F3

Shades & Tints Shades & Tints

#7A573D

Dark
Light

#E58E8A

Dark
Light

#F2BA79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a573d;
  --color-2: #e58e8a;
  --color-3: #f2ba79;
  --color-4: #faee8c;
  --color-5: #f0ffbc;
}

SCSS

$color-1: #7a573d;
$color-2: #e58e8a;
$color-3: #f2ba79;
$color-4: #faee8c;
$color-5: #f0ffbc;

TAILWIND

colors: {
  'brand-1': '#7a573d',
  'brand-2': '#e58e8a',
  'brand-3': '#f2ba79',
  'brand-4': '#faee8c',
  'brand-5': '#f0ffbc',
}

RGB Array

[122, 87, 61], [229, 142, 138], [242, 186, 121], [250, 238, 140], [240, 255, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #7A573D, #E58E8A, #F2BA79, #FAEE8C, #F0FFBC 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: #7a573d; --color-2: #e58e8a; --color-3: #f2ba79; --color-4: #faee8c; --color-5: #f0ffbc. 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