#C1AAA2 + #DFB4A4 + #F7C6B8 + #F3DFBE + #F6E6CF · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C1AAA2

Apricot · DarkGray · Warm Sun

HEX

#C1AAA2

RGB

rgb(193, 170, 162)

HSL

hsl(15, 20%, 70%)

HSB

hsb(15, 16%, 76%)

CMYK

cmyk(0%, 12%, 16%, 24%)

Oklch

oklch(75.6% 0.029 40.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DFB4A4

Apricot · Tan · Peach Orange

HEX

#DFB4A4

RGB

rgb(223, 180, 164)

HSL

hsl(16, 48%, 76%)

HSB

hsb(16, 26%, 87%)

CMYK

cmyk(0%, 19%, 26%, 13%)

Oklch

oklch(80.4% 0.055 41.4)

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

#F7C6B8

Peach Pink · LightPink · Cherry Blossom

HEX

#F7C6B8

RGB

rgb(247, 198, 184)

HSL

hsl(13, 80%, 85%)

HSB

hsb(13, 26%, 97%)

CMYK

cmyk(0%, 20%, 26%, 3%)

Oklch

oklch(86.6% 0.059 36.5)

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

#F3DFBE

Goose Yellow · Wheat · Peach Orange

HEX

#F3DFBE

RGB

rgb(243, 223, 190)

HSL

hsl(37, 69%, 85%)

HSB

hsb(37, 22%, 95%)

CMYK

cmyk(0%, 8%, 22%, 5%)

Oklch

oklch(91.1% 0.049 80.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F6E6CF

Goose Yellow · Bisque · Peach Orange

HEX

#F6E6CF

RGB

rgb(246, 230, 207)

HSL

hsl(35, 68%, 89%)

HSB

hsb(35, 16%, 96%)

CMYK

cmyk(0%, 7%, 16%, 4%)

Oklch

oklch(93.2% 0.035 77.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1AAA2

A3BAC2

Analogous

C2A3AB

C1AAA2

C2BAA3

Triadic

C1AAA2

A3C2AB

ABA3C2

Split-Comp.

C1AAA2

A3C2BA

A3ABC2

Tetradic

C1AAA2

ABC2A3

A3BAC2

BAA3C2

Contrast Matrix WCAG 2.1 Contrast

C1AAA2	DFB4A4	F7C6B8	F3DFBE	F6E6CF
—	1.2 Fail	1.4 Fail	1.7 Fail	1.8 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.5 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.2 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.8 Fail	1.5 Fail	1.2 Fail	1.1 Fail	—

White BG

2.2Fail

1.9Fail

1.5Fail

1.3Fail

1.2Fail

Black BG

9.5AAA

11.2AAA

13.7AAA

16.1AAA

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7A4

CCCCA8

E2E1BB

EAEAC6

EFEFD5

Deuteranopia

B8BAA4

CFD2A9

E5E8BC

ECEDC8

F0F1D6

Tritanopia

C0A5A6

DDABAC

F5BEBF

F2CCCE

F5D9DA

Achromatopsia

B0B0B0

BFBFBF

D3D3D3

E1E1E1

E8E8E8

Shades & Tints Shades & Tints

#C1AAA2

Dark

Light

#DFB4A4

Dark

Light

#F7C6B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1aaa2;
  --color-2: #dfb4a4;
  --color-3: #f7c6b8;
  --color-4: #f3dfbe;
  --color-5: #f6e6cf;
}

SCSS

$color-1: #c1aaa2;
$color-2: #dfb4a4;
$color-3: #f7c6b8;
$color-4: #f3dfbe;
$color-5: #f6e6cf;

TAILWIND

colors: {
  'brand-1': '#c1aaa2',
  'brand-2': '#dfb4a4',
  'brand-3': '#f7c6b8',
  'brand-4': '#f3dfbe',
  'brand-5': '#f6e6cf',
}

RGB Array

[193, 170, 162], [223, 180, 164], [247, 198, 184], [243, 223, 190], [246, 230, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C1AAA2, #DFB4A4, #F7C6B8, #F3DFBE, #F6E6CF 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: #c1aaa2; --color-2: #dfb4a4; --color-3: #f7c6b8; --color-4: #f3dfbe; --color-5: #f6e6cf. 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