Home & Garden

💖 642 likes

Created Oct 4, 2018

8 colors

Color Palette Overview

DDFFF0

C5F7DF

7B952F

FEF2D2

442859

6a3054

ACC21F

fde0b9

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#ffffff Tint -10%	#f5fffb Tint -5%	DDFFF0 Original	#c2ffe4 Shade +5%	#a8ffd9 Shade +10%
#f2fdf8 Tint -10%	#dbfaeb Tint -5%	C5F7DF Original	#aef4d2 Shade +5%	#98f1c6 Shade +10%
#9aba3b Tint -10%	#8aa735 Tint -5%	7B952F Original	#6a8028 Shade +5%	#5a6d22 Shade +10%
#ffffff Tint -10%	#fff9eb Tint -5%	FEF2D2 Original	#feebb9 Shade +5%	#fde4a0 Shade +10%
#5e377b Tint -10%	#502f6a Tint -5%	442859 Original	#362046 Shade +5%	#281835 Shade +10%
#8d3f6f Tint -10%	#7b3761 Tint -5%	6a3054 Original	#582845 Shade +5%	#462038 Shade +10%
#c8de35 Tint -10%	#bfd723 Tint -5%	ACC21F Original	#98ab1c Shade +5%	#849518 Shade +10%
#fef6eb Tint -10%	#feebd2 Tint -5%	fde0b9 Original	#fcd5a1 Shade +5%	#fbc988 Shade +10%

Complete Color Information

Professional color data with RGB and CMYK values for all design applications.

HEX	RGB	CMYK	Name
DDFFF0	RGB(221, 255, 240)	CMYK(13, 0, 6, 0)	White
C5F7DF	RGB(197, 247, 223)	CMYK(20, 0, 10, 3)	Cyan
7B952F	RGB(123, 149, 47)	CMYK(17, 0, 68, 42)	Yellow
FEF2D2	RGB(254, 242, 210)	CMYK(0, 5, 17, 0)	White
442859	RGB(68, 40, 89)	CMYK(24, 55, 0, 65)	Black
6a3054	RGB(106, 48, 84)	CMYK(0, 55, 21, 58)	Black
ACC21F	RGB(172, 194, 31)	CMYK(11, 0, 84, 24)	Yellow
fde0b9	RGB(253, 224, 185)	CMYK(0, 11, 27, 1)	Orange

Print Design Considerations

CMYK values for professional printing

DDFFF0

C:13 M:0 Y:6 K:0

C5F7DF

C:20 M:0 Y:10 K:3

7B952F

C:17 M:0 Y:68 K:42

FEF2D2

C:0 M:5 Y:17 K:0

442859

C:24 M:55 Y:0 K:65

6a3054

C:0 M:55 Y:21 K:58

ACC21F

C:11 M:0 Y:84 K:24

fde0b9

C:0 M:11 Y:27 K:1

Usage Examples

See how this color scheme works in different design contexts and get inspiration for your projects.

CSS Variables

Use these CSS custom properties in your stylesheets

:root {
  --color-1: DDFFF0;
  --color-2: C5F7DF;
  --color-3: 7B952F;
  --color-4: FEF2D2;
  --color-5: 442859;
  --color-6: 6a3054;
  --color-7: ACC21F;
  --color-8: fde0b9;
}

Text & Button Examples

See how text and buttons look on each color background

White DDFFF0

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the White background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Cyan C5F7DF

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Cyan background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Yellow 7B952F

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Yellow background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

White FEF2D2

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the White background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Black 442859

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Black background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Black 6a3054

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Black background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Yellow ACC21F

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Yellow background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Orange fde0b9

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Related Color Schemes

Discover more beautiful color combinations

Home & Garden

Color Palette Overview

Colors and Tints/Shades

Complete Color Information

Print Design Considerations

Usage Examples

CSS Variables

Text & Button Examples

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)