← Back to Editor

#F7F4E8 · #DAF3EA · #85E6C0 · #6BB39B · #0B0B0D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F7F4E8

Goose Yellow · Linen · Lemon Cream

HEX
#F7F4E8
RGB
rgb(247, 244, 232)
HSL
hsl(48, 48%, 94%)
HSB
hsb(48, 6%, 97%)
CMYK
cmyk(0%, 1%, 6%, 3%)
Oklch
oklch(96.6% 0.016 95.2)

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

#DAF3EA

Jade · Lavender · Mint Green

HEX
#DAF3EA
RGB
rgb(218, 243, 234)
HSL
hsl(158, 51%, 90%)
HSB
hsb(158, 10%, 95%)
CMYK
cmyk(10%, 0%, 4%, 5%)
Oklch
oklch(94.3% 0.029 172.1)

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

#85E6C0

Jade · MediumAquaMarine · Apple Green

HEX
#85E6C0
RGB
rgb(133, 230, 192)
HSL
hsl(156, 66%, 71%)
HSB
hsb(156, 42%, 90%)
CMYK
cmyk(42%, 0%, 17%, 10%)
Oklch
oklch(85.5% 0.107 166.7)

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

#6BB39B

Mineral Blue · CadetBlue · Lake Green

HEX
#6BB39B
RGB
rgb(107, 179, 155)
HSL
hsl(160, 32%, 56%)
HSB
hsb(160, 40%, 70%)
CMYK
cmyk(40%, 0%, 13%, 30%)
Oklch
oklch(71.2% 0.081 170.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#0B0B0D

Deep Indigo · Black · Jet Black

HEX
#0B0B0D
RGB
rgb(11, 11, 13)
HSL
hsl(240, 8%, 5%)
HSB
hsb(240, 15%, 5%)
CMYK
cmyk(15%, 15%, 0%, 95%)
Oklch
oklch(15.1% 0.004 285.9)

Traditional「Deep Indigo」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7F4E8
E8EBF7

Analogous

F7EDE8
F7F4E8
F3F7E8

Triadic

F7F4E8
E8F7F4
F4E8F7

Split-Comp.

F7F4E8
E8F3F7
EDE8F7

Tetradic

F7F4E8
E8F7ED
E8EBF7
F7E8F3

Contrast Matrix WCAG 2.1 Contrast

F7F4E8
DAF3EA
85E6C0
6BB39B
0B0B0D
—
1.1
Fail
1.4
Fail
2.2
Fail
17.8
AAA
1.1
Fail
—
1.3
Fail
2.1
Fail
16.8
AAA
1.4
Fail
1.3
Fail
—
1.6
Fail
13.2
AAA
2.2
Fail
2.1
Fail
1.6
Fail
—
8.0
AAA
17.8
AAA
16.8
AAA
13.2
AAA
8.0
AAA
—
White BG
1.1Fail
1.2Fail
1.5Fail
2.5Fail
19.7AAA
Black BG
19.1AAA
18.0AAA
14.1AAA
8.5AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6EB
E5E5EC
AFB0C9
8A8BA1
0B0B0D

Deuteranopia

F6F6EC
E3E2ED
A9A2CB
8681A2
0B0B0C

Tritanopia

F7EDEE
DBEEEE
8AD0D2
6FA5A6
0B0C0C

Achromatopsia

F4F4F4
EAEAEA
C5C5C5
9B9B9B
0B0B0B

Shades & Tints Shades & Tints

#F7F4E8

Dark
Light

#DAF3EA

Dark
Light

#85E6C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7f4e8;
  --color-2: #daf3ea;
  --color-3: #85e6c0;
  --color-4: #6bb39b;
  --color-5: #0b0b0d;
}

SCSS

$color-1: #f7f4e8;
$color-2: #daf3ea;
$color-3: #85e6c0;
$color-4: #6bb39b;
$color-5: #0b0b0d;

TAILWIND

colors: {
  'brand-1': '#f7f4e8',
  'brand-2': '#daf3ea',
  'brand-3': '#85e6c0',
  'brand-4': '#6bb39b',
  'brand-5': '#0b0b0d',
}

RGB Array

[247, 244, 232], [218, 243, 234], [133, 230, 192], [107, 179, 155], [11, 11, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7F4E8, #DAF3EA, #85E6C0, #6BB39B, #0B0B0D 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: #f7f4e8; --color-2: #daf3ea; --color-3: #85e6c0; --color-4: #6bb39b; --color-5: #0b0b0d. 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 general-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