← Back to Editor

#DAD4BA · #B19870 · #A69279 · #9B8174 · #685952

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

#DAD4BA

Goose Yellow · LightGray · Lemon Cream

HEX
#DAD4BA
RGB
rgb(218, 212, 186)
HSL
hsl(49, 30%, 79%)
HSB
hsb(49, 15%, 85%)
CMYK
cmyk(0%, 3%, 15%, 15%)
Oklch
oklch(86.8% 0.035 96.3)

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

#B19870

Ginger · Tan · Warm Sun

HEX
#B19870
RGB
rgb(177, 152, 112)
HSL
hsl(37, 29%, 57%)
HSB
hsb(37, 37%, 69%)
CMYK
cmyk(0%, 14%, 37%, 31%)
Oklch
oklch(69.2% 0.062 79.1)

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

#A69279

Ginger · Gray · Warm Sun

HEX
#A69279
RGB
rgb(166, 146, 121)
HSL
hsl(33, 20%, 56%)
HSB
hsb(33, 27%, 65%)
CMYK
cmyk(0%, 12%, 27%, 35%)
Oklch
oklch(67.1% 0.043 73.2)

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

#9B8174

Tangerine · Gray · Warm Sun

HEX
#9B8174
RGB
rgb(155, 129, 116)
HSL
hsl(20, 16%, 53%)
HSB
hsb(20, 25%, 61%)
CMYK
cmyk(0%, 17%, 25%, 39%)
Oklch
oklch(62.4% 0.037 48.1)

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

#685952

Tangerine · DimGray · Amber Brown

HEX
#685952
RGB
rgb(104, 89, 82)
HSL
hsl(19, 12%, 36%)
HSB
hsb(19, 21%, 41%)
CMYK
cmyk(0%, 14%, 21%, 59%)
Oklch
oklch(47.7% 0.023 46.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAD4BA
B9BFDA

Analogous

DAC4B9
DAD4BA
CFDAB9

Triadic

DAD4BA
B9DAD4
D4B9DA

Split-Comp.

DAD4BA
B9CFDA
C4B9DA

Tetradic

DAD4BA
B9DAC4
B9BFDA
DAB9CF

Contrast Matrix WCAG 2.1 Contrast

DAD4BA
B19870
A69279
9B8174
685952
—
1.9
Fail
2.0
Fail
2.4
Fail
4.5
AA Large
1.9
Fail
—
1.1
Fail
1.3
Fail
2.4
Fail
2.0
Fail
1.1
Fail
—
1.2
Fail
2.2
Fail
2.4
Fail
1.3
Fail
1.2
Fail
—
1.8
Fail
4.5
AA Large
2.4
Fail
2.2
Fail
1.8
Fail
—
White BG
1.5Fail
2.8Fail
3.0Fail
3.6AA Large
6.7AA
Black BG
14.1AAA
7.6AAA
7.0AAA
5.8AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7C0
A6A67A
9D9D7F
909077
626154

Deuteranopia

D8D8C2
A8AA7C
9FA081
919378
626454

Tritanopia

DAC5C6
B08183
A58485
9A7A7A
675555

Achromatopsia

D3D3D3
9B9B9B
959595
878787
5D5D5D

Shades & Tints Shades & Tints

#DAD4BA

Dark
Light

#B19870

Dark
Light

#A69279

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dad4ba;
  --color-2: #b19870;
  --color-3: #a69279;
  --color-4: #9b8174;
  --color-5: #685952;
}

SCSS

$color-1: #dad4ba;
$color-2: #b19870;
$color-3: #a69279;
$color-4: #9b8174;
$color-5: #685952;

TAILWIND

colors: {
  'brand-1': '#dad4ba',
  'brand-2': '#b19870',
  'brand-3': '#a69279',
  'brand-4': '#9b8174',
  'brand-5': '#685952',
}

RGB Array

[218, 212, 186], [177, 152, 112], [166, 146, 121], [155, 129, 116], [104, 89, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DAD4BA, #B19870, #A69279, #9B8174, #685952 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dad4ba; --color-2: #b19870; --color-3: #a69279; --color-4: #9b8174; --color-5: #685952. 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. Restrained colors convey professionalism and trust. 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