Gold and Golden

💖 973 likes

Created Sep 30, 2018

15 colors

Color Palette Overview

FCAF00

EE9700

E78709

CB8504

F98F03

FF8708

DD9900

EEA500

FFA500

FF9018

FF9400

FF9900

FC8200

F99F03

CC9900

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#ffc02e Tint -10%	#ffb914 Tint -5%	FCAF00 Original	#e09d00 Shade +5%	#c78b00 Shade +10%
#ffaf24 Tint -10%	#ffa50a Tint -5%	EE9700 Original	#d68800 Shade +5%	#bd7800 Shade +10%
#f79f2b Tint -10%	#f69413 Tint -5%	E78709 Original	#cf7807 Shade +5%	#b66a07 Shade +10%
#faa60a Tint -10%	#e69705 Tint -5%	CB8504 Original	#b47604 Shade +5%	#9b6603 Shade +10%
#fda430 Tint -10%	#fd9917 Tint -5%	F98F03 Original	#de7f02 Shade +5%	#c57002 Shade +10%
#ffa13d Tint -10%	#ff9524 Tint -5%	FF8708 Original	#f07c00 Shade +5%	#d66f00 Shade +10%
#ffb70f Tint -10%	#f5ab00 Tint -5%	DD9900 Original	#c28800 Shade +5%	#a87600 Shade +10%
#ffbd24 Tint -10%	#ffb60a Tint -5%	EEA500 Original	#d69600 Shade +5%	#bd8400 Shade +10%
#ffb833 Tint -10%	#ffaf1a Tint -5%	FFA500 Original	#e69500 Shade +5%	#cc8500 Shade +10%
#ffa94d Tint -10%	#ff9c33 Tint -5%	FF9018 Original	#ff8400 Shade +5%	#e67700 Shade +10%
#ffaa33 Tint -10%	#ff9f1a Tint -5%	FF9400 Original	#e68600 Shade +5%	#cc7700 Shade +10%
#ffad33 Tint -10%	#ffa31a Tint -5%	FF9900 Original	#e68a00 Shade +5%	#cc7a00 Shade +10%
#ff9a2e Tint -10%	#ff8e14 Tint -5%	FC8200 Original	#e07400 Shade +5%	#c76700 Shade +10%
#fdb230 Tint -10%	#fda817 Tint -5%	F99F03 Original	#de8e02 Shade +5%	#c57d02 Shade +10%
#ffbf00 Tint -10%	#e6ac00 Tint -5%	CC9900 Original	#b38600 Shade +5%	#997300 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
FCAF00	RGB(252, 175, 0)	CMYK(0, 31, 100, 1)	Orange
EE9700	RGB(238, 151, 0)	CMYK(0, 37, 100, 7)	Orange
E78709	RGB(231, 135, 9)	CMYK(0, 42, 96, 9)	Orange
CB8504	RGB(203, 133, 4)	CMYK(0, 34, 98, 20)	Orange
F98F03	RGB(249, 143, 3)	CMYK(0, 43, 99, 2)	Orange
FF8708	RGB(255, 135, 8)	CMYK(0, 47, 97, 0)	Orange
DD9900	RGB(221, 153, 0)	CMYK(0, 31, 100, 13)	Orange
EEA500	RGB(238, 165, 0)	CMYK(0, 31, 100, 7)	Orange
FFA500	RGB(255, 165, 0)	CMYK(0, 35, 100, 0)	Orange
FF9018	RGB(255, 144, 24)	CMYK(0, 44, 91, 0)	Orange
FF9400	RGB(255, 148, 0)	CMYK(0, 42, 100, 0)	Orange
FF9900	RGB(255, 153, 0)	CMYK(0, 40, 100, 0)	Orange
FC8200	RGB(252, 130, 0)	CMYK(0, 48, 100, 1)	Orange
F99F03	RGB(249, 159, 3)	CMYK(0, 36, 99, 2)	Orange
CC9900	RGB(204, 153, 0)	CMYK(0, 25, 100, 20)	Orange

Print Design Considerations

CMYK values for professional printing

FCAF00

C:0 M:31 Y:100 K:1

EE9700

C:0 M:37 Y:100 K:7

E78709

C:0 M:42 Y:96 K:9

CB8504

C:0 M:34 Y:98 K:20

F98F03

C:0 M:43 Y:99 K:2

FF8708

C:0 M:47 Y:97 K:0

DD9900

C:0 M:31 Y:100 K:13

EEA500

C:0 M:31 Y:100 K:7

FFA500

C:0 M:35 Y:100 K:0

FF9018

C:0 M:44 Y:91 K:0

FF9400

C:0 M:42 Y:100 K:0

FF9900

C:0 M:40 Y:100 K:0

FC8200

C:0 M:48 Y:100 K:1

F99F03

C:0 M:36 Y:99 K:2

CC9900

C:0 M:25 Y:100 K:20

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: FCAF00;
  --color-2: EE9700;
  --color-3: E78709;
  --color-4: CB8504;
  --color-5: F98F03;
  --color-6: FF8708;
  --color-7: DD9900;
  --color-8: EEA500;
  --color-9: FFA500;
  --color-10: FF9018;
  --color-11: FF9400;
  --color-12: FF9900;
  --color-13: FC8200;
  --color-14: F99F03;
  --color-15: CC9900;
}

Text & Button Examples

See how text and buttons look on each color background

Orange FCAF00

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 EE9700

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 E78709

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 CB8504

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 F98F03

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 FF8708

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 DD9900

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 EEA500

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 FFA500

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 FF9018

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 FF9400

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 FF9900

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 FC8200

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 F99F03

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 CC9900

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