← Back to Editor

#D7D0C0 · #EDC7D2 · #F9B3B3 · #CFA45F · #1C1817

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

#D7D0C0

Goose Yellow · LightGray · Lemon Cream

HEX
#D7D0C0
RGB
rgb(215, 208, 192)
HSL
hsl(42, 22%, 80%)
HSB
hsb(42, 11%, 84%)
CMYK
cmyk(0%, 3%, 11%, 16%)
Oklch
oklch(85.9% 0.023 87.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EDC7D2

Rouge · Pink · Cherry Blossom

HEX
#EDC7D2
RGB
rgb(237, 199, 210)
HSL
hsl(343, 51%, 85%)
HSB
hsb(343, 16%, 93%)
CMYK
cmyk(0%, 16%, 11%, 7%)
Oklch
oklch(86.5% 0.045 358.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F9B3B3

Peach Pink · LightPink · Cherry Blossom

HEX
#F9B3B3
RGB
rgb(249, 179, 179)
HSL
hsl(0, 85%, 84%)
HSB
hsb(0, 28%, 98%)
CMYK
cmyk(0%, 28%, 28%, 2%)
Oklch
oklch(83.2% 0.082 18.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#CFA45F

Ginger · SandyBrown · Warm Sun

HEX
#CFA45F
RGB
rgb(207, 164, 95)
HSL
hsl(37, 54%, 59%)
HSB
hsb(37, 54%, 81%)
CMYK
cmyk(0%, 21%, 54%, 19%)
Oklch
oklch(74.4% 0.101 78.0)

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

#1C1817

Crimson · Black · Deep Berry

HEX
#1C1817
RGB
rgb(28, 24, 23)
HSL
hsl(12, 10%, 10%)
HSB
hsb(12, 18%, 11%)
CMYK
cmyk(0%, 14%, 18%, 89%)
Oklch
oklch(21.3% 0.007 34.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7D0C0
C1C8D7

Analogous

D7C5C1
D7D0C0
D3D7C1

Triadic

D7D0C0
C1D7D0
D0C1D7

Split-Comp.

D7D0C0
C1D3D7
C5C1D7

Tetradic

D7D0C0
C1D7C5
C1C8D7
D7C1D3

Contrast Matrix WCAG 2.1 Contrast

D7D0C0
EDC7D2
F9B3B3
CFA45F
1C1817
—
1.0
Fail
1.1
Fail
1.5
Fail
11.5
AAA
1.0
Fail
—
1.1
Fail
1.5
Fail
11.5
AAA
1.1
Fail
1.1
Fail
—
1.3
Fail
10.2
AAA
1.5
Fail
1.5
Fail
1.3
Fail
—
7.7
AAA
11.5
AAA
11.5
AAA
10.2
AAA
7.7
AAA
—
White BG
1.5Fail
1.5Fail
1.7Fail
2.3Fail
17.6AAA
Black BG
13.7AAA
13.7AAA
12.1AAA
9.1AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4C4
DDDCCF
DBDAB3
BCBC70
1A1A17

Deuteranopia

D4D5C5
DFE2CF
DFE4B3
BFC274
1B1B17

Tritanopia

D7C7C8
EBCDCD
F5B3B3
CD7D80
1C1717

Achromatopsia

D0D0D0
D4D4D4
C8C8C8
A9A9A9
191919

Shades & Tints Shades & Tints

#D7D0C0

Dark
Light

#EDC7D2

Dark
Light

#F9B3B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7d0c0;
  --color-2: #edc7d2;
  --color-3: #f9b3b3;
  --color-4: #cfa45f;
  --color-5: #1c1817;
}

SCSS

$color-1: #d7d0c0;
$color-2: #edc7d2;
$color-3: #f9b3b3;
$color-4: #cfa45f;
$color-5: #1c1817;

TAILWIND

colors: {
  'brand-1': '#d7d0c0',
  'brand-2': '#edc7d2',
  'brand-3': '#f9b3b3',
  'brand-4': '#cfa45f',
  'brand-5': '#1c1817',
}

RGB Array

[215, 208, 192], [237, 199, 210], [249, 179, 179], [207, 164, 95], [28, 24, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D7D0C0, #EDC7D2, #F9B3B3, #CFA45F, #1C1817 is ideal for: 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: #d7d0c0; --color-2: #edc7d2; --color-3: #f9b3b3; --color-4: #cfa45f; --color-5: #1c1817. 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 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