Mellow

💖 175 likes

Created Oct 26, 2018

4 colors

Color Palette Overview

EBDC96

b49722

F39933

AB4F01

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#f3e9bf Tint -10%	#efe2a9 Tint -5%	EBDC96 Original	#e7d37e Shade +5%	#e2cc69 Shade +10%
#d8b731 Tint -10%	#c9a926 Tint -5%	b49722 Original	#9f851e Shade +5%	#89731a Shade +10%
#f6b265 Tint -10%	#f5a64d Tint -5%	F39933 Original	#f28e1c Shade +5%	#e7820d Shade +10%
#df6901 Tint -10%	#c65d01 Tint -5%	AB4F01 Original	#934501 Shade +5%	#7a3901 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
EBDC96	RGB(235, 220, 150)	CMYK(0, 6, 36, 8)	Yellow
b49722	RGB(180, 151, 34)	CMYK(0, 16, 81, 29)	Yellow
F39933	RGB(243, 153, 51)	CMYK(0, 37, 79, 5)	Orange
AB4F01	RGB(171, 79, 1)	CMYK(0, 54, 99, 33)	Orange

Print Design Considerations

CMYK values for professional printing

EBDC96

C:0 M:6 Y:36 K:8

b49722

C:0 M:16 Y:81 K:29

F39933

C:0 M:37 Y:79 K:5

AB4F01

C:0 M:54 Y:99 K:33

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: EBDC96;
  --color-2: b49722;
  --color-3: F39933;
  --color-4: AB4F01;
}

Text & Button Examples

See how text and buttons look on each color background

Yellow EBDC96

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.

Yellow b49722

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 F39933

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.

Orange AB4F01

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange 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.

Related Color Schemes

Discover more beautiful color combinations

Mellow

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)