Palette

Frosted Berry Crumble

Sweet, luscious berry tones softened by a gentle frosty haze, evoking a warm dessert.

warmplayful5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6D1236#B42A5C#E68BA7#F8D0DE#961E4C

Palette guide

How to use Frosted Berry Crumble

Overview

The Frosted Berry Crumble palette (ID: frosted-berry-crumble-3) offers a sweet and luscious collection of berry tones, softened by a delicate, frosty haze. Ranging from the deep #6D1236 to the ethereal #F8D0DE, this palette beautifully captures the inviting warmth of a beloved dessert. The vibrant #B42A5C and #961E4C provide rich, juicy berry hues, while the lighter #E68BA7 and #F8D0DE add a touch of playful sweetness. This palette is perfect for designers and developers aiming to create charming, cozy, and appetizing aesthetics, ideal for confectionery branding, romantic themes, or any project that seeks to evoke warmth, comfort, and delightful indulgence.

Best used for

Confectionery or dessert brand identity
Sweet-themed children's products
Romantic event planning and decor
Boutique fashion or lifestyle blogs
Cozy home interior design accents
Food packaging for treats and baked goods

Suggested color roles

primary

A vibrant, luscious berry pink, #B42A5C, excellent for main calls-to-action, prominent headings, or brand logos, conveying sweetness and appeal.

secondary

A deeper, rich berry tone, #961E4C, perfect for subheadings, navigation elements, or as a grounding color, adding depth and warmth.

accent

A soft, muted rosy pink, #E68BA7, ideal for subtle highlights, decorative elements, or interactive states, providing a gentle, frosted touch.

background

A very light, delicate pink, #F8D0DE, serving as a warm, inviting, and airy canvas that allows the deeper berry tones to truly shine.

text

A deep, dark berry-red, #6D1236, providing excellent contrast for body text and headings against lighter backgrounds, ensuring high readability.

Accessibility notes

#6D1236 provides strong contrast against #F8D0DE and #E68BA7 for text, suitable for body copy.
#B42A5C and #961E4C will also offer good contrast against the lightest background #F8D0DE.
Avoid using #E68BA7 or #F8D0DE for text, as their contrast will be too low on light backgrounds.
Ensure interactive elements have clear visual states, considering the softer nature of some colors.

Recommended combinations

Deep Berry

Creates a strong, appealing contrast, using the dark berry for text and the lightest pink for backgrounds.

#6D1236 · #B42A5C · #F8D0DE

Sweet Frost

Ideal for a softer, more delicate aesthetic, emphasizing the frosted quality with muted pinks.

#961E4C · #E68BA7 · #F8D0DE

Luscious Blend

Suitable for visual elements that require a smooth transition of sweet, inviting berry tones.

#B42A5C · #E68BA7 · #961E4C

CSS variables

:root {
  --frosted-berry-crumble-3-1: #6D1236;
  --frosted-berry-crumble-3-2: #B42A5C;
  --frosted-berry-crumble-3-3: #E68BA7;
  --frosted-berry-crumble-3-4: #F8D0DE;
  --frosted-berry-crumble-3-5: #961E4C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-berry-crumble-3": {
        1: "#6D1236",
        2: "#B42A5C",
        3: "#E68BA7",
        4: "#F8D0DE",
        5: "#961E4C",
      }
    }
  }
}

Hex values

Color 1#6D1236

Color 2#B42A5C

Color 3#E68BA7

Color 4#F8D0DE

Color 5#961E4C

Accessibility

Contrast checker

1.9:1Fail

4.8:1AA

8.4:1AAA

1.4:1Fail

1.9:1Fail

2.5:1Fail

4.4:1AA18

1.3:1Fail