← Back to Editor

#D1C17C · #CC9049 · #B84E2A · #8F071C · #121011

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 LibraryData Visualization

Color Details Color Details

#D1C17C

Ginger · BurlyWood · Sunflower

HEX
#D1C17C
RGB
rgb(209, 193, 124)
HSL
hsl(49, 48%, 65%)
HSB
hsb(49, 41%, 82%)
CMYK
cmyk(0%, 8%, 41%, 18%)
Oklch
oklch(80.9% 0.091 96.7)

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

#CC9049

Ginger · GoldenRod · Warm Sun

HEX
#CC9049
RGB
rgb(204, 144, 73)
HSL
hsl(33, 56%, 54%)
HSB
hsb(33, 64%, 80%)
CMYK
cmyk(0%, 29%, 64%, 20%)
Oklch
oklch(69.9% 0.114 68.6)

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

#B84E2A

Tangerine · Sienna · Amber Brown

HEX
#B84E2A
RGB
rgb(184, 78, 42)
HSL
hsl(15, 63%, 44%)
HSB
hsb(15, 77%, 72%)
CMYK
cmyk(0%, 58%, 77%, 28%)
Oklch
oklch(55.6% 0.146 38.6)

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

#8F071C

Vermilion · DarkRed · Wine Red

HEX
#8F071C
RGB
rgb(143, 7, 28)
HSL
hsl(351, 91%, 29%)
HSB
hsb(351, 95%, 56%)
CMYK
cmyk(0%, 95%, 80%, 44%)
Oklch
oklch(41.3% 0.162 23.0)

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

#121011

Ink Black · Black · Jet Black

HEX
#121011
RGB
rgb(18, 16, 17)
HSL
hsl(330, 6%, 7%)
HSB
hsb(330, 11%, 7%)
CMYK
cmyk(0%, 11%, 6%, 93%)
Oklch
oklch(17.6% 0.004 345.7)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C17C
7B8BD1

Analogous

D1967B
D1C17C
B5D17B

Triadic

D1C17C
7BD1C1
C17BD1

Split-Comp.

D1C17C
7BB5D1
967BD1

Tetradic

D1C17C
7BD196
7B8BD1
D17BB5

Contrast Matrix WCAG 2.1 Contrast

D1C17C
CC9049
B84E2A
8F071C
121011
—
1.5
Fail
2.8
Fail
5.3
AA
10.5
AAA
1.5
Fail
—
1.8
Fail
3.5
AA Large
6.9
AA
2.8
Fail
1.8
Fail
—
1.9
Fail
3.8
AA Large
5.3
AA
3.5
AA Large
1.9
Fail
—
2.0
Fail
10.5
AAA
6.9
AA
3.8
AA Large
2.0
Fail
—
White BG
1.8Fail
2.7Fail
5.0AA
9.5AAA
19.0AAA
Black BG
11.6AAA
7.7AAA
4.2AA Large
2.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACA8D
B2B15A
8A8933
545317
111111

Deuteranopia

CBCC91
B6BA5E
909835
5C6616
111111

Tritanopia

D09A9D
C9686B
B33A3B
881312
121111

Achromatopsia

BEBEBE
9A9A9A
6A6A6A
323232
111111

Shades & Tints Shades & Tints

#D1C17C

Dark
Light

#CC9049

Dark
Light

#B84E2A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c17c;
  --color-2: #cc9049;
  --color-3: #b84e2a;
  --color-4: #8f071c;
  --color-5: #121011;
}

SCSS

$color-1: #d1c17c;
$color-2: #cc9049;
$color-3: #b84e2a;
$color-4: #8f071c;
$color-5: #121011;

TAILWIND

colors: {
  'brand-1': '#d1c17c',
  'brand-2': '#cc9049',
  'brand-3': '#b84e2a',
  'brand-4': '#8f071c',
  'brand-5': '#121011',
}

RGB Array

[209, 193, 124], [204, 144, 73], [184, 78, 42], [143, 7, 28], [18, 16, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D1C17C, #CC9049, #B84E2A, #8F071C, #121011 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d1c17c; --color-2: #cc9049; --color-3: #b84e2a; --color-4: #8f071c; --color-5: #121011. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 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