Palette

Frosted Berry Bush

Deep, cool purples and vibrant fuchsias, like frozen berries glistening on a winter bush.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Berry Bush 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 Frosted Berry Bush.

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

Data visualization

#3A183A#6F2D6F#A442A4#D957D9#FF75FF

Palette guide

How to use Frosted Berry Bush

Overview

The Frosted Berry Bush palette offers a stunning gradient of deep, cool purples transitioning into vibrant fuchsias, reminiscent of frozen berries glistening under a winter sun. From the profound #3A183A to the striking #FF75FF, this palette is both energetic and elegant. Designers and developers can leverage this collection to create captivating and fresh aesthetics, ideal for projects that demand a bold yet sophisticated visual impact. It's particularly well-suited for fashion, beauty, or creative industries aiming for a modern, cool, and slightly playful vibe, bringing a unique blend of winter's chill and vibrant life to any design.

Best used for

Modern fashion or cosmetic brand identity
Creative digital art and illustration
Youth-oriented tech product interfaces
Event branding (e.g., festivals, galas)
Vibrant social media content
Contemporary website design for agencies

Suggested color roles

primary

A rich, deep purple, #6F2D6F, perfect for main headings, prominent calls-to-action, or primary brand elements, offering depth and sophistication.

secondary

A vibrant, mid-tone fuchsia, #A442A4, excellent for subheadings, secondary interactive elements, or illustrations that need to pop with energy.

accent

A bright, energetic fuchsia, #FF75FF, ideal for subtle highlights, interactive states, or small decorative details, providing a dazzling sparkle.

background

A very deep, dark purple, #3A183A, providing a dramatic and luxurious canvas that makes the brighter fuchsias truly sing.

text

Use #FF75FF for headings or a bright white like #FFFFFF for body text, ensuring maximum readability and vibrancy against the dark backgrounds.

Accessibility notes

#FF75FF provides strong contrast against #3A183A and #6F2D6F for text, suitable for body copy.
#A442A4 and #D957D9 will also offer good contrast against the darkest background #3A183A.
Avoid placing text in the darker purple shades on other dark purples; ensure significant luminosity difference.
Ensure all interactive elements have sufficient contrast in their default and focus states.

Recommended combinations

Deep Glimmer

Creates a striking contrast, perfect for hero sections or bold branding, with the bright fuchsia acting as a dazzling highlight.

#3A183A · #D957D9 · #FF75FF

Vibrant Frost

Ideal for dynamic designs, showcasing the range from deep to bright purple with energetic appeal.

#6F2D6F · #A442A4 · #FF75FF

Purple Haze

Suitable for creating a sophisticated gradient effect or layered backgrounds, maintaining depth and elegance.

#3A183A · #6F2D6F · #A442A4

CSS variables

:root {
  --frosted-berry-bush-1: #3A183A;
  --frosted-berry-bush-2: #6F2D6F;
  --frosted-berry-bush-3: #A442A4;
  --frosted-berry-bush-4: #D957D9;
  --frosted-berry-bush-5: #FF75FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-berry-bush": {
        1: "#3A183A",
        2: "#6F2D6F",
        3: "#A442A4",
        4: "#D957D9",
        5: "#FF75FF",
      }
    }
  }
}

Hex values

Color 1#3A183A

Color 2#6F2D6F

Color 3#A442A4

Color 4#D957D9

Color 5#FF75FF

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

4.6:1AA

6.7:1AA

1.7:1Fail

2.8:1Fail

4.1:1AA18

2.8:1Fail

1.7:1Fail

1.6:1Fail

2.4:1Fail

4.6:1AA

2.8:1Fail

1.6:1Fail

1.5:1Fail

6.7:1AA

4.1:1AA18

2.4:1Fail

1.5:1Fail

Similar palettes

More like Frosted Berry Bush

Frosted Berry Bush

See it in context.

Ready when you are.

Built with Frosted Berry Bush.

How to use Frosted Berry Bush

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Glimmer

Vibrant Frost

Purple Haze

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Frosted Berry Bush