Palette

Caramel Apple Delight

A comforting palette of rich reds, golden yellows, and warm browns, like a perfect autumn treat.

warmplayful5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Caramel Apple Delight 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 Caramel Apple Delight.

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

Data visualization

#CD5C5C#DAA520#FFA500#B8860B#A0522D

Palette guide

How to use Caramel Apple Delight

Overview

The Caramel Apple Delight palette is a comforting and inviting blend, reminiscent of a perfect autumn treat. Featuring a warm Indian Red #CD5C5C, goldenrod #DAA520, vibrant orange #FFA500, deep goldenrod #B8860B, and a rich sienna #A0522D, this collection offers designers and developers a deliciously warm and playful aesthetic. It's ideal for projects aiming to convey coziness, festivity, and a touch of nostalgic charm. The harmonious mix of reds, oranges, and golds creates an energetic yet comforting visual foundation for engaging user experiences.

Best used for

Autumnal or holiday-themed marketing
Food and beverage branding (especially desserts)
Children's book illustrations or game design
Cozy blog or lifestyle websites
Event invitations for fall festivals
Packaging for sweet treats or seasonal products

Suggested color roles

primary

Use #CD5C5C as a dominant color for impactful headlines, primary calls to action, or hero sections, creating a warm and inviting focal point.

secondary

Apply #A0522D for subheadings, detailed UI elements, or background textures, providing depth and a grounding effect.

accent

Leverage #FFA500 to draw attention to key interactive elements, alerts, or important information, offering a vibrant, energetic pop.

background

Employ a light cream or off-white, or a pale version of #DAA520, for main content areas, enhancing readability.

text

For optimal readability, use #A0522D or a deep charcoal against lighter backgrounds, and white text against #CD5C5C or #FFA500.

Accessibility notes

Ensure #A0522D provides sufficient contrast for text when used on #DAA520 or lighter backgrounds.
Avoid using #CD5C5C text on #FFA500 backgrounds for small text due to potential low contrast.
The vibrant #FFA500 and #DAA520 should be checked for contrast when used with white text.
Verify that interactive elements have distinct hover/focus states, especially between similar oranges and reds.

Recommended combinations

Sweet Treat

Ideal for product showcases, festive banners, or inviting content blocks.

#CD5C5C · #DAA520 · #A0522D

Golden Caramel

Perfect for calls to action, highlight boxes, or elements needing a warm, inviting glow.

#FFA500 · #B8860B · #DAA520

Autumn Harvest

Use for strong branding elements or visual metaphors of warmth and abundance.

#CD5C5C · #A0522D · #FFA500

CSS variables

:root {
  --caramel-apple-delight-1: #CD5C5C;
  --caramel-apple-delight-2: #DAA520;
  --caramel-apple-delight-3: #FFA500;
  --caramel-apple-delight-4: #B8860B;
  --caramel-apple-delight-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "caramel-apple-delight": {
        1: "#CD5C5C",
        2: "#DAA520",
        3: "#FFA500",
        4: "#B8860B",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#CD5C5C

Color 2#DAA520

Color 3#FFA500

Color 4#B8860B

Color 5#A0522D

Accessibility

Contrast checker

1.8:1Fail

2:1Fail

1.2:1Fail

1.4:1Fail

1.8:1Fail

1.1:1Fail

1.5:1Fail

2.5:1Fail

2:1Fail

1.1:1Fail

1.6:1Fail

2.8:1Fail

1.2:1Fail

1.5:1Fail

1.6:1Fail

1.7:1Fail

1.4:1Fail

2.5:1Fail

2.8:1Fail

1.7:1Fail

Similar palettes

More like Caramel Apple Delight

View all warm

Berry Compote Cream

Berry Compote Delight

Gingerbread Lane Fest

Melted Caramel

Sweet Apricot Jam

Sweet Berry Jam