Palette

Orchard Crisp Apple

Vibrant reds and soft pinks, like fresh apples contrasting with an autumnal gray sky.

Warmnatural5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Orchard Crisp Apple reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Orchard Crisp Apple.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#E74C3C#FFC0CB#8B0000#4A4A4A#A9A9A9

Palette guide

How to use Orchard Crisp Apple

Overview

The Orchard Crisp Apple palette offers a bold yet balanced aesthetic, combining the rich intensity of ripe apples with sophisticated neutrals. It features a vivid red (#E74C3C), a soft pastel pink (#FFC0CB), and a deep, luxurious burgundy (#8B0000). These vibrant fruit tones are expertly grounded by a strong charcoal gray (#4A4A4A) and a versatile medium gray (#A9A9A9). This palette is ideal for designers seeking to convey energy, quality, and a touch of modern elegance. Perfect for food and beverage branding, tech interfaces, or contemporary retail, it allows for impactful visuals that are both striking and refined, balancing warmth with cool sophistication.

Best used for

Modern food and beverage branding
Tech product interfaces
Automotive or industrial design
Contemporary retail websites
Sports team branding
Autumn-themed promotions with a bold twist

Suggested color roles

primary

#E74C3C - A bold, active red, excellent for calls-to-action, prominent headers, or to convey urgency and excitement.

secondary

#4A4A4A - A strong charcoal gray, perfect for primary body text, navigation, or to provide a sophisticated anchor.

accent

#8B0000 - A deep, rich burgundy, ideal for luxurious accents, important icons, or to add depth and gravitas.

background

#A9A9A9 - A versatile medium gray, offering a cool, modern base that allows the reds to pop, or a crisp white for maximum contrast.

text

#4A4A4A - This charcoal gray provides excellent readability against lighter backgrounds, including #FFC0CB and white.

Accessibility notes

#4A4A4A and #8B0000 offer strong contrast against #FFC0CB and #A9A9A9 backgrounds for text.
Avoid using #FFC0CB for text, especially on #A9A9A9 or white backgrounds, due to low contrast.
Ensure interactive elements in #E74C3C have clear focus and hover states for usability.
For large blocks of text, use #4A4A4A on a white or very light gray background for optimal legibility.

Recommended combinations

Bold & Crisp

A powerful and modern combination, great for impactful headlines, brand logos, or tech interfaces.

#E74C3C · #4A4A4A · #A9A9A9

Deep Apple

Offers depth and a softer contrast, suitable for subheadings, subtle branding, or elegant product descriptions.

#8B0000 · #FFC0CB · #A9A9A9

Modern Contrast

Balances strong and soft, ideal for content hierarchy, interactive elements, or contemporary illustrations.

#4A4A4A · #E74C3C · #FFC0CB

CSS variables

:root {
  --orchard-crisp-apple-1: #E74C3C;
  --orchard-crisp-apple-2: #FFC0CB;
  --orchard-crisp-apple-3: #8B0000;
  --orchard-crisp-apple-4: #4A4A4A;
  --orchard-crisp-apple-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchard-crisp-apple": {
        1: "#E74C3C",
        2: "#FFC0CB",
        3: "#8B0000",
        4: "#4A4A4A",
        5: "#A9A9A9",
      }
    }
  }
}

Hex values

Color 1#E74C3C

Color 2#FFC0CB

Color 3#8B0000

Color 4#4A4A4A

Color 5#A9A9A9

Accessibility

Contrast checker

2.5:1Fail

2.6:1Fail

2.3:1Fail

1.6:1Fail

2.5:1Fail

6.5:1AA

5.8:1AA

1.5:1Fail

2.6:1Fail

6.5:1AA

1.1:1Fail

4.3:1AA18

2.3:1Fail

5.8:1AA

1.1:1Fail

3.8:1AA18

1.6:1Fail

1.5:1Fail

4.3:1AA18

3.8:1AA18

Similar palettes

More like Orchard Crisp Apple

Golden Plains Sunlight

Sun Drenched Piazza