#52495E + #F87E73 + #866961 + #BFB792 + #DBC49A · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#52495E

Deep Indigo · DarkSlateGray · Eggplant

HEX

#52495E

RGB

rgb(82, 73, 94)

HSL

hsl(266, 13%, 33%)

HSB

hsb(266, 22%, 37%)

CMYK

cmyk(13%, 22%, 0%, 63%)

Oklch

oklch(42.2% 0.036 304.4)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#F87E73

Peach Pink · Salmon · Coral Red

HEX

#F87E73

RGB

rgb(248, 126, 115)

HSL

hsl(5, 90%, 71%)

HSB

hsb(5, 54%, 97%)

CMYK

cmyk(0%, 49%, 54%, 3%)

Oklch

oklch(73.0% 0.151 26.7)

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

#866961

Crimson · DimGray · Passion Red

HEX

#866961

RGB

rgb(134, 105, 97)

HSL

hsl(13, 16%, 45%)

HSB

hsb(13, 28%, 53%)

CMYK

cmyk(0%, 22%, 28%, 47%)

Oklch

oklch(54.7% 0.039 35.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#BFB792

Ginger · Tan · Sunflower

HEX

#BFB792

RGB

rgb(191, 183, 146)

HSL

hsl(49, 26%, 66%)

HSB

hsb(49, 24%, 75%)

CMYK

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

Oklch

oklch(77.7% 0.051 97.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DBC49A

Goose Yellow · BurlyWood · Warm Sun

HEX

#DBC49A

RGB

rgb(219, 196, 154)

HSL

hsl(39, 47%, 73%)

HSB

hsb(39, 30%, 86%)

CMYK

cmyk(0%, 11%, 30%, 14%)

Oklch

oklch(82.9% 0.061 82.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

52495E

565F49

Analogous

494B5F

52495E

5E495F

Triadic

52495E

5F5349

495F53

Split-Comp.

52495E

5F5E49

4B5F49

Tetradic

52495E

5F494B

565F49

495F5E

Contrast Matrix WCAG 2.1 Contrast

52495E	F87E73	866961	BFB792	DBC49A
—	3.3 AA Large	1.7 Fail	4.2 AA Large	5.0 AA
3.3 AA Large	—	2.0 Fail	1.3 Fail	1.5 Fail
1.7 Fail	2.0 Fail	—	2.5 Fail	2.9 Fail
4.2 AA Large	1.3 Fail	2.5 Fail	—	1.2 Fail
5.0 AA	1.5 Fail	2.9 Fail	1.2 Fail	—

White BG

8.5AAA

2.6Fail

5.0AA

2.0Fail

1.7Fail

Black BG

2.5Fail

8.2AAA

4.2AA Large

10.4AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E59

C3C276

797963

BCBB9B

D1D1A4

Deuteranopia

4F4F58

CAD376

7B7D63

BCBD9D

D2D4A7

Tritanopia

525554

F27878

856465

BFA2A4

DAACAE

Achromatopsia

4E4E4E

A1A1A1

717171

B5B5B5

C6C6C6

Shades & Tints Shades & Tints

#52495E

Dark

Light

#F87E73

Dark

Light

#866961

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #52495e;
  --color-2: #f87e73;
  --color-3: #866961;
  --color-4: #bfb792;
  --color-5: #dbc49a;
}

SCSS

$color-1: #52495e;
$color-2: #f87e73;
$color-3: #866961;
$color-4: #bfb792;
$color-5: #dbc49a;

TAILWIND

colors: {
  'brand-1': '#52495e',
  'brand-2': '#f87e73',
  'brand-3': '#866961',
  'brand-4': '#bfb792',
  'brand-5': '#dbc49a',
}

RGB Array

[82, 73, 94], [248, 126, 115], [134, 105, 97], [191, 183, 146], [219, 196, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #52495E, #F87E73, #866961, #BFB792, #DBC49A is ideal for: corporate websites, product showcases, portfolios. 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: #52495e; --color-2: #f87e73; --color-3: #866961; --color-4: #bfb792; --color-5: #dbc49a. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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