← Back to Editor

#8F1115 · #E68C32 · #DEBD47 · #CAD98D · #BCF2B8

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

#8F1115

Vermilion · DarkRed · Wine Red

HEX
#8F1115
RGB
rgb(143, 17, 21)
HSL
hsl(358, 79%, 31%)
HSB
hsb(358, 88%, 56%)
CMYK
cmyk(0%, 88%, 85%, 44%)
Oklch
oklch(41.7% 0.159 26.6)

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

#E68C32

Ginger · GoldenRod · Warm Sun

HEX
#E68C32
RGB
rgb(230, 140, 50)
HSL
hsl(30, 78%, 55%)
HSB
hsb(30, 78%, 90%)
CMYK
cmyk(0%, 39%, 78%, 10%)
Oklch
oklch(72.0% 0.148 60.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#DEBD47

Ginger · SandyBrown · Sunflower

HEX
#DEBD47
RGB
rgb(222, 189, 71)
HSL
hsl(47, 70%, 57%)
HSB
hsb(47, 68%, 87%)
CMYK
cmyk(0%, 15%, 68%, 13%)
Oklch
oklch(80.6% 0.139 93.2)

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

#CAD98D

Willow Green · Tan · Apple Green

HEX
#CAD98D
RGB
rgb(202, 217, 141)
HSL
hsl(72, 50%, 70%)
HSB
hsb(72, 35%, 85%)
CMYK
cmyk(7%, 0%, 35%, 15%)
Oklch
oklch(85.6% 0.100 117.7)

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

#BCF2B8

Emerald · LightGray · Mint Green

HEX
#BCF2B8
RGB
rgb(188, 242, 184)
HSL
hsl(116, 69%, 84%)
HSB
hsb(116, 24%, 95%)
CMYK
cmyk(22%, 0%, 24%, 5%)
Oklch
oklch(90.9% 0.095 143.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8F1115
118D89

Analogous

8D1153
8F1115
8D4B11

Triadic

8F1115
158D11
11158D

Split-Comp.

8F1115
118D4B
11538D

Tetradic

8F1115
538D11
118D89
4B118D

Contrast Matrix WCAG 2.1 Contrast

8F1115
E68C32
DEBD47
CAD98D
BCF2B8
—
3.6
AA Large
5.1
AA
6.1
AA
7.3
AAA
3.6
AA Large
—
1.4
Fail
1.7
Fail
2.0
Fail
5.1
AA
1.4
Fail
—
1.2
Fail
1.4
Fail
6.1
AA
1.7
Fail
1.2
Fail
—
1.2
Fail
7.3
AAA
2.0
Fail
1.4
Fail
1.2
Fail
—
White BG
9.3AAA
2.6Fail
1.8Fail
1.5Fail
1.3Fail
Black BG
2.3Fail
8.2AAA
11.5AAA
13.8AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

585714
BFBE48
D0CF64
D0D19F
D3D4C6

Deuteranopia

606914
C4CB4D
D2D46A
D0CEA4
D0CCC9

Tritanopia

891313
E2595D
DC7A7F
CBAEB1
BFD1D4

Achromatopsia

373737
9D9D9D
B9B9B9
CCCCCC
DBDBDB

Shades & Tints Shades & Tints

#8F1115

Dark
Light

#E68C32

Dark
Light

#DEBD47

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8f1115;
  --color-2: #e68c32;
  --color-3: #debd47;
  --color-4: #cad98d;
  --color-5: #bcf2b8;
}

SCSS

$color-1: #8f1115;
$color-2: #e68c32;
$color-3: #debd47;
$color-4: #cad98d;
$color-5: #bcf2b8;

TAILWIND

colors: {
  'brand-1': '#8f1115',
  'brand-2': '#e68c32',
  'brand-3': '#debd47',
  'brand-4': '#cad98d',
  'brand-5': '#bcf2b8',
}

RGB Array

[143, 17, 21], [230, 140, 50], [222, 189, 71], [202, 217, 141], [188, 242, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #8F1115, #E68C32, #DEBD47, #CAD98D, #BCF2B8 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #8f1115; --color-2: #e68c32; --color-3: #debd47; --color-4: #cad98d; --color-5: #bcf2b8. 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. 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