Palette

Orchard Fruit Basket

A luscious array of colors mirroring a bountiful harvest of sun-ripened orchard fruits.

warmplayful5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Orchard Fruit Basket 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 Fruit Basket.

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

Data visualization

#A01D21#6A0A4B#F7D842#4D5D45#F27D3A

Palette guide

How to use Orchard Fruit Basket

Overview

The Orchard Fruit Basket palette is a vibrant and unconventional collection, mirroring a bountiful harvest with unique, rich hues. It features a deep, sophisticated cranberry red (#A01D21), a luxurious plum purple (#6A0A4B), a bright, sunny golden yellow (#F7D842), and a muted, earthy sage green (#4D5D45). A lively, warm orange (#F27D3A) adds a playful and energetic touch. This palette is perfect for designers seeking to create distinctive, natural, and artistic visuals. Ideal for artisanal food brands, creative projects, or contemporary marketing, it offers a fresh take on autumn themes, blending richness with unexpected vibrancy.

Best used for

Artisanal craft product branding
Eclectic cafe or restaurant design
Creative agency websites
Autumn fashion collections
Illustrations with a natural, artistic flair
Unique event branding

Suggested color roles

primary

#F7D842 - A bright, sunny golden yellow, excellent for calls-to-action, prominent headers, or to convey cheerfulness and energy.

secondary

#F27D3A - A lively, warm orange, perfect for subheadings, secondary interactive elements, or to add a playful touch.

accent

#6A0A4B - A deep plum purple, ideal for luxurious accents, important icons, or to provide sophisticated depth.

background

light cream - For optimal readability and to allow the vibrant colors to truly pop. #4D5D45 could be a background for light text.

text

#A01D21 - These deep, rich colors offer strong contrast against light backgrounds for body text.

Accessibility notes

#A01D21, #6A0A4B, and #4D5D45 provide good contrast against #F7D842 and light backgrounds for text.
Avoid using #F7D842 or #F27D3A for small text on light backgrounds due to potential contrast issues.
Ensure interactive elements, especially those with similar luminosity, have clear visual cues beyond color for focus and hover states.
For optimal readability, use a dark neutral (e.g., charcoal) for body text on the lightest background.

Recommended combinations

Harvest Sun

A vibrant and earthy combination, great for energetic branding, autumnal headers, or playful infographics.

#F7D842 · #F27D3A · #4D5D45

Deep Orchard

Provides sophisticated depth and a striking contrast, suitable for luxury branding, bold accents, or editorial design.

#A01D21 · #6A0A4B · #F7D842

Rustic Zest

A balanced mix of natural and vibrant, good for illustrations, product details, or designs needing unique character.

#4D5D45 · #F27D3A · #A01D21

CSS variables

:root {
  --orchard-fruit-basket-1: #A01D21;
  --orchard-fruit-basket-2: #6A0A4B;
  --orchard-fruit-basket-3: #F7D842;
  --orchard-fruit-basket-4: #4D5D45;
  --orchard-fruit-basket-5: #F27D3A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchard-fruit-basket": {
        1: "#A01D21",
        2: "#6A0A4B",
        3: "#F7D842",
        4: "#4D5D45",
        5: "#F27D3A",
      }
    }
  }
}

Hex values

Color 1#A01D21

Color 2#6A0A4B

Color 3#F7D842

Color 4#4D5D45

Color 5#F27D3A

Accessibility

Contrast checker

1.5:1Fail

5.5:1AA

1.1:1Fail

2.9:1Fail

1.5:1Fail

8.5:1AAA

1.7:1Fail

4.4:1AA18

5.5:1AA

8.5:1AAA

5:1AA

1.9:1Fail

1.1:1Fail

1.7:1Fail

5:1AA

2.6:1Fail

2.9:1Fail

4.4:1AA18

1.9:1Fail

2.6:1Fail

Similar palettes

More like Orchard Fruit Basket