SFF

💖 0 likes

Created Feb 7, 2024

3 colors

Color Palette Overview

A7672D

E5A547

E1c690

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#cc823e Tint -10%	#bd7632 Tint -5%	A7672D Original	#955d28 Shade +5%	#815022 Shade +10%
#ebbc75 Tint -10%	#e8b15e Tint -5%	E5A547 Original	#e29b32 Shade +5%	#db901f Shade +10%
#ebdab7 Tint -10%	#e6cfa3 Tint -5%	E1c690 Original	#dbbb7b Shade +5%	#d5b167 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
A7672D	RGB(167, 103, 45)	CMYK(0, 38, 73, 35)	Orange
E5A547	RGB(229, 165, 71)	CMYK(0, 28, 69, 10)	Orange
E1c690	RGB(225, 198, 144)	CMYK(0, 12, 36, 12)	Orange

Print Design Considerations

CMYK values for professional printing

A7672D

C:0 M:38 Y:73 K:35

E5A547

C:0 M:28 Y:69 K:10

E1c690

C:0 M:12 Y:36 K:12

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: A7672D;
  --color-2: E5A547;
  --color-3: E1c690;
}

Text & Button Examples

See how text and buttons look on each color background

Orange A7672D

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.

Orange E5A547

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 E1c690

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

SFF

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)