← Back to Editor

#AAD5C1 · #FFEDC5 · #5F3326 · #DF6B6C · #CEC3A7

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#AAD5C1

Jade · Silver · Apple Green

HEX
#AAD5C1
RGB
rgb(170, 213, 193)
HSL
hsl(152, 34%, 75%)
HSB
hsb(152, 20%, 84%)
CMYK
cmyk(20%, 0%, 9%, 16%)
Oklch
oklch(83.7% 0.053 165.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FFEDC5

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEDC5
RGB
rgb(255, 237, 197)
HSL
hsl(41, 100%, 89%)
HSB
hsb(41, 23%, 100%)
CMYK
cmyk(0%, 7%, 23%, 0%)
Oklch
oklch(95.1% 0.055 86.6)

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

#5F3326

Crimson · DarkOliveGreen · Wine Red

HEX
#5F3326
RGB
rgb(95, 51, 38)
HSL
hsl(14, 43%, 26%)
HSB
hsb(14, 60%, 37%)
CMYK
cmyk(0%, 46%, 60%, 63%)
Oklch
oklch(37.4% 0.067 37.3)

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

#DF6B6C

Peach Pink · LightCoral · Coral Red

HEX
#DF6B6C
RGB
rgb(223, 107, 108)
HSL
hsl(359, 64%, 65%)
HSB
hsb(359, 52%, 87%)
CMYK
cmyk(0%, 52%, 52%, 13%)
Oklch
oklch(66.6% 0.145 21.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#CEC3A7

Goose Yellow · Silver · Sunflower

HEX
#CEC3A7
RGB
rgb(206, 195, 167)
HSL
hsl(43, 28%, 73%)
HSB
hsb(43, 19%, 81%)
CMYK
cmyk(0%, 5%, 19%, 19%)
Oklch
oklch(81.9% 0.040 89.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAD5C1
D5AABE

Analogous

AAD5AB
AAD5C1
AAD3D5

Triadic

AAD5C1
C1AAD5
D5C1AA

Split-Comp.

AAD5C1
D5AAD3
D5ABAA

Tetradic

AAD5C1
ABAAD5
D5AABE
D3D5AA

Contrast Matrix WCAG 2.1 Contrast

AAD5C1
FFEDC5
5F3326
DF6B6C
CEC3A7
—
1.4
Fail
6.5
AA
2.0
Fail
1.1
Fail
1.4
Fail
—
9.1
AAA
2.8
Fail
1.5
Fail
6.5
AA
9.1
AAA
—
3.2
AA Large
6.0
AA
2.0
Fail
2.8
Fail
3.2
AA Large
—
1.9
Fail
1.1
Fail
1.5
Fail
6.0
AA
1.9
Fail
—
White BG
1.6Fail
1.2Fail
10.6AAA
3.3AA Large
1.8Fail
Black BG
13.0AAA
18.2AAA
2.0Fail
6.5AA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDC6
F7F7CF
4C4C29
ADAC6C
C9C9AE

Deuteranopia

BAB7C7
F8FAD1
4F522A
B4BC6C
CACBAF

Tritanopia

ACCACB
FED6D8
5D2C2C
D96C6C
CDB3B4

Achromatopsia

C6C6C6
EEEEEE
3F3F3F
8E8E8E
C3C3C3

Shades & Tints Shades & Tints

#AAD5C1

Dark
Light

#FFEDC5

Dark
Light

#5F3326

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aad5c1;
  --color-2: #ffedc5;
  --color-3: #5f3326;
  --color-4: #df6b6c;
  --color-5: #cec3a7;
}

SCSS

$color-1: #aad5c1;
$color-2: #ffedc5;
$color-3: #5f3326;
$color-4: #df6b6c;
$color-5: #cec3a7;

TAILWIND

colors: {
  'brand-1': '#aad5c1',
  'brand-2': '#ffedc5',
  'brand-3': '#5f3326',
  'brand-4': '#df6b6c',
  'brand-5': '#cec3a7',
}

RGB Array

[170, 213, 193], [255, 237, 197], [95, 51, 38], [223, 107, 108], [206, 195, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AAD5C1, #FFEDC5, #5F3326, #DF6B6C, #CEC3A7 is ideal for: health products, baby brands, fresh-style blogs, 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: #aad5c1; --color-2: #ffedc5; --color-3: #5f3326; --color-4: #df6b6c; --color-5: #cec3a7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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