← Back to Editor

#E5AF95 · #DAAA9C · #AEA480 · #946B65 · #DA3D46

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E5AF95

Apricot · BurlyWood · Warm Sun

HEX
#E5AF95
RGB
rgb(229, 175, 149)
HSL
hsl(19, 61%, 74%)
HSB
hsb(19, 35%, 90%)
CMYK
cmyk(0%, 24%, 35%, 10%)
Oklch
oklch(79.7% 0.073 46.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DAAA9C

Peach Pink · Tan · Coral Red

HEX
#DAAA9C
RGB
rgb(218, 170, 156)
HSL
hsl(14, 46%, 73%)
HSB
hsb(14, 28%, 85%)
CMYK
cmyk(0%, 22%, 28%, 15%)
Oklch
oklch(77.8% 0.060 36.9)

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

#AEA480

Ginger · Tan · Sunflower

HEX
#AEA480
RGB
rgb(174, 164, 128)
HSL
hsl(47, 22%, 59%)
HSB
hsb(47, 26%, 68%)
CMYK
cmyk(0%, 6%, 26%, 32%)
Oklch
oklch(71.8% 0.051 94.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#946B65

Crimson · Gray · Passion Red

HEX
#946B65
RGB
rgb(148, 107, 101)
HSL
hsl(8, 19%, 49%)
HSB
hsb(8, 32%, 58%)
CMYK
cmyk(0%, 28%, 32%, 42%)
Oklch
oklch(56.8% 0.054 28.2)

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

#DA3D46

Vermilion · Crimson · Passion Red

HEX
#DA3D46
RGB
rgb(218, 61, 70)
HSL
hsl(357, 68%, 55%)
HSB
hsb(357, 72%, 85%)
CMYK
cmyk(0%, 72%, 68%, 15%)
Oklch
oklch(59.5% 0.193 22.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5AF95
94CCE5

Analogous

E594A3
E5AF95
E5D694

Triadic

E5AF95
94E5AE
AE94E5

Split-Comp.

E5AF95
94E5D6
94A3E5

Tetradic

E5AF95
A3E594
94CCE5
D694E5

Contrast Matrix WCAG 2.1 Contrast

E5AF95
DAAA9C
AEA480
946B65
DA3D46
—
1.1
Fail
1.3
Fail
2.4
Fail
2.3
Fail
1.1
Fail
—
1.2
Fail
2.2
Fail
2.2
Fail
1.3
Fail
1.2
Fail
—
1.9
Fail
1.8
Fail
2.4
Fail
2.2
Fail
1.9
Fail
—
1.0
Fail
2.3
Fail
2.2
Fail
1.8
Fail
1.0
Fail
—
White BG
1.9Fail
2.1Fail
2.5Fail
4.6AA
4.4AA Large
Black BG
10.9AAA
10.2AAA
8.4AAA
4.6AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD9B
C5C59F
AAAA89
828266
969544

Deuteranopia

D1D59D
C8CCA0
AAAB8B
858867
9FAB43

Tritanopia

E2A0A1
D8A2A3
AD9091
926868
D24242

Achromatopsia

BCBCBC
B7B7B7
A3A3A3
777777
6D6D6D

Shades & Tints Shades & Tints

#E5AF95

Dark
Light

#DAAA9C

Dark
Light

#AEA480

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5af95;
  --color-2: #daaa9c;
  --color-3: #aea480;
  --color-4: #946b65;
  --color-5: #da3d46;
}

SCSS

$color-1: #e5af95;
$color-2: #daaa9c;
$color-3: #aea480;
$color-4: #946b65;
$color-5: #da3d46;

TAILWIND

colors: {
  'brand-1': '#e5af95',
  'brand-2': '#daaa9c',
  'brand-3': '#aea480',
  'brand-4': '#946b65',
  'brand-5': '#da3d46',
}

RGB Array

[229, 175, 149], [218, 170, 156], [174, 164, 128], [148, 107, 101], [218, 61, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E5AF95, #DAAA9C, #AEA480, #946B65, #DA3D46 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: #e5af95; --color-2: #daaa9c; --color-3: #aea480; --color-4: #946b65; --color-5: #da3d46. 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