Palette

Wild Berries Delight

A juicy mix of forest fruit colors, from ripe cranberries to sweet blueberries and vibrant raspberries.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wild Berries 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 Wild Berries Delight.

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

Data visualization

#8B0000#DC143C#FF69B4#BA55D3#4B0082

Palette guide

How to use Wild Berries Delight

Overview

The Wild Berries Delight palette is a juicy explosion of forest fruit colors, perfect for projects demanding vibrancy and playfulness. It features the deep intensity of #8B0000 (dark red), the striking #DC143C (crimson), a cheerful #FF69B4 (hot pink), the enchanting #BA55D3 (medium orchid), and the rich #4B0082 (indigo). This mix allows designers to create energetic and joyful visual experiences, from product packaging to digital interfaces. Developers will find these hex codes ideal for crafting engaging, dynamic websites, e-commerce platforms for playful brands, or mobile apps that aim to capture attention with a bold, sweet-tart aesthetic, reflecting ripe berries.

Best used for

Food and beverage branding (jams, juices, candies)
Children's product packaging and toy design
Vibrant event promotions and party decor
Playful digital interfaces and mobile games
Fashion accessories and apparel design
Creative marketing campaigns and social media graphics

Suggested color roles

primary

Utilize #DC143C as a bold primary color for calls-to-action, prominent headings, or brand logos, commanding attention.

secondary

Employ #BA55D3 for supporting sections, subheadings, or secondary buttons, providing a playful yet sophisticated contrast.

accent

Introduce #FF69B4 as a bright, cheerful accent for highlights, small icons, or to add a burst of youthful energy.

background

A neutral, near-white background (e.g., #F0F8FF or similar) allows these vibrant colors to truly pop and maintain readability.

text

For body text, use the deep #4B0082 or a classic black (#000000) to ensure strong contrast and readability against lighter elements.

Accessibility notes

Ensure sufficient contrast when using #FF69B4 for text, especially against other light or medium tones.
Pair #4B0082 with lighter colors like a near-white background for optimal text readability.
Be mindful of color vibration when placing highly saturated colors like #DC143C and #FF69B4 in close proximity.
Test contrast ratios thoroughly for all text and interactive elements to meet WCAG guidelines.

Recommended combinations

Juicy Medley

A vibrant and playful combination, ideal for headlines, product highlights, or energetic graphic elements.

#DC143C · #FF69B4 · #BA55D3

Deep Forest Berry

Creates a richer, more sophisticated berry theme, suitable for backgrounds, main content, or elegant branding.

#8B0000 · #BA55D3 · #4B0082

Sweet & Bold

Combines a sweet pink with bold red and deep purple, excellent for impactful calls-to-action or playful illustrations.

#FF69B4 · #DC143C · #4B0082

CSS variables

:root {
  --wild-berries-delight-1: #8B0000;
  --wild-berries-delight-2: #DC143C;
  --wild-berries-delight-3: #FF69B4;
  --wild-berries-delight-4: #BA55D3;
  --wild-berries-delight-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-berries-delight": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#FF69B4",
        4: "#BA55D3",
        5: "#4B0082",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#DC143C

Color 3#FF69B4

Color 4#BA55D3

Color 5#4B0082

Accessibility

Contrast checker

2:1Fail

3.8:1AA18

2.5:1Fail

1.3:1Fail

2:1Fail

1.9:1Fail

1.3:1Fail

2.6:1Fail

3.8:1AA18

1.9:1Fail

1.5:1Fail

4.9:1AA

2.5:1Fail

1.3:1Fail

1.5:1Fail

3.3:1AA18

1.3:1Fail

2.6:1Fail

4.9:1AA

3.3:1AA18

Similar palettes

More like Wild Berries Delight

Wild Berries Delight

See it in context.

Ready when you are.

Built with Wild Berries Delight.

How to use Wild Berries Delight

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Juicy Medley

Deep Forest Berry

Sweet & Bold

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Wild Berries Delight