#AEC9BF + #AADDD0 + #D1D3BE + #E4CBB6 + #F1C4AA · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AEC9BF

Jade · Silver · Apple Green

HEX

#AEC9BF

RGB

rgb(174, 201, 191)

HSL

hsl(158, 20%, 74%)

HSB

hsb(158, 13%, 79%)

CMYK

cmyk(13%, 0%, 5%, 21%)

Oklch

oklch(81.3% 0.032 171.2)

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

#AADDD0

Jade · LightBlue · Glacier Blue

HEX

#AADDD0

RGB

rgb(170, 221, 208)

HSL

hsl(165, 43%, 77%)

HSB

hsb(165, 23%, 87%)

CMYK

cmyk(23%, 0%, 6%, 13%)

Oklch

oklch(85.8% 0.056 177.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#D1D3BE

Fresh Green · LightGray · Lemon Cream

HEX

#D1D3BE

RGB

rgb(209, 211, 190)

HSL

hsl(66, 19%, 79%)

HSB

hsb(66, 10%, 83%)

CMYK

cmyk(1%, 0%, 10%, 17%)

Oklch

oklch(86.0% 0.028 111.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E4CBB6

Apricot · Wheat · Peach Orange

HEX

#E4CBB6

RGB

rgb(228, 203, 182)

HSL

hsl(27, 46%, 80%)

HSB

hsb(27, 20%, 89%)

CMYK

cmyk(0%, 11%, 20%, 11%)

Oklch

oklch(85.7% 0.040 62.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F1C4AA

Apricot · Wheat · Peach Orange

HEX

#F1C4AA

RGB

rgb(241, 196, 170)

HSL

hsl(22, 72%, 81%)

HSB

hsb(22, 29%, 95%)

CMYK

cmyk(0%, 19%, 29%, 5%)

Oklch

oklch(85.3% 0.062 51.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEC9BF

CAAFB9

Analogous

AFCAB3

AEC9BF

AFC6CA

Triadic

AEC9BF

C0AFCA

CAC0AF

Split-Comp.

AEC9BF

CAAFC6

CAB3AF

Tetradic

AEC9BF

B3AFCA

CAAFB9

C6CAAF

Contrast Matrix WCAG 2.1 Contrast

AEC9BF	AADDD0	D1D3BE	E4CBB6	F1C4AA
—	1.2 Fail	1.2 Fail	1.1 Fail	1.1 Fail
1.2 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.2 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.1 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

1.8Fail

1.5Fail

1.6Fail

Black BG

11.9AAA

14.0AAA

13.8AAA

13.5AAA

13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAC1

C0C1D3

D2D2C3

D9D9BB

DEDDB0

Deuteranopia

B8B6C2

BDB9D4

D2D2C4

DBDDBC

E0E4B2

Tritanopia

AFC3C4

ADD6D6

D1C7C8

E3BFC0

EFB5B6

Achromatopsia

C0C0C0

CCCCCC

D0D0D0

CECECE

Shades & Tints Shades & Tints

#AEC9BF

Dark

Light

#AADDD0

Dark

Light

#D1D3BE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aec9bf;
  --color-2: #aaddd0;
  --color-3: #d1d3be;
  --color-4: #e4cbb6;
  --color-5: #f1c4aa;
}

SCSS

$color-1: #aec9bf;
$color-2: #aaddd0;
$color-3: #d1d3be;
$color-4: #e4cbb6;
$color-5: #f1c4aa;

TAILWIND

colors: {
  'brand-1': '#aec9bf',
  'brand-2': '#aaddd0',
  'brand-3': '#d1d3be',
  'brand-4': '#e4cbb6',
  'brand-5': '#f1c4aa',
}

RGB Array

[174, 201, 191], [170, 221, 208], [209, 211, 190], [228, 203, 182], [241, 196, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AEC9BF, #AADDD0, #D1D3BE, #E4CBB6, #F1C4AA is ideal for: health products, baby brands, fresh-style blogs. 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: #aec9bf; --color-2: #aaddd0; --color-3: #d1d3be; --color-4: #e4cbb6; --color-5: #f1c4aa. 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. 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