Palette

Berry Compote Cream

A luscious blend of deep berry hues softened with a creamy, sweet touch, perfect for cozy desserts.

warmplayful5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Berry Compote Cream 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 Berry Compote Cream.

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

Data visualization

#581C26#802A3C#B23D5B#E65A84#FFB0C7

Palette guide

How to use Berry Compote Cream

Overview

The Berry Compote Cream palette offers a luscious blend of deep berry hues softened with a creamy, sweet touch, perfect for cozy desserts. This inviting scheme ranges from the rich #581C26 and #802A3C to the vibrant #B23D5B and #E65A84, all complemented by the delicate #FFB0C7. Each hex code contributes to a warm and playful aesthetic, ideal for designs that evoke comfort, indulgence, and a touch of homemade charm. Designers and developers can leverage this palette for food-related branding, cozy lifestyle blogs, or charming e-commerce sites, ensuring a visually appealing and emotionally resonant user experience. It's particularly effective for conveying warmth and sweetness in digital and print media.

Best used for

Dessert and bakery branding
Recipe blogs and cookbooks
Cozy lifestyle and home decor
Children's apparel design
Sweet treat packaging
Autumn and winter themed content

Suggested color roles

primary

The rich #B23D5B is excellent for main headings or calls-to-action, offering a warm and inviting focal point.

secondary

Deep #581C26 can be used for navigation, footers, or background sections, providing a strong, elegant foundation.

accent

The soft #FFB0C7 serves as a delicate accent for backgrounds, subtle gradients, or decorative flourishes, adding lightness.

background

The creamy #E65A84 provides a warm, approachable base that is gentle on the eyes and complements the deeper tones.

text

For lighter backgrounds like #FFB0C7, use the deep #581C26 or a rich dark brown for body text. On darker backgrounds, #FFB0C7 or a very light gray ensures readability.

Accessibility notes

Ensure sufficient contrast between #581C26 text and #FFB0C7 backgrounds for WCAG AA compliance.
Avoid using #FFB0C7 on #E65A84 for small text without careful contrast checks.
The close tonal range of pinks may require careful contrast checks for interactive elements.
Always test color combinations with accessibility tools to meet WCAG standards, especially for text and interactive elements.

Recommended combinations

Rich & Creamy

Ideal for elegant branding, header sections, and content blocks, providing depth with a soft highlight.

#581C26 · #B23D5B · #FFB0C7

Sweet Indulgence

Excellent for highlighting promotions, call-to-action buttons, and festive elements, conveying warmth and joy.

#802A3C · #E65A84 · #FFB0C7

Berry Blend

Use for visual storytelling, smooth transitions, or decorative elements that require a flowing, appetizing aesthetic.

#B23D5B · #E65A84 · #581C26

CSS variables

:root {
  --berry-compote-cream-1: #581C26;
  --berry-compote-cream-2: #802A3C;
  --berry-compote-cream-3: #B23D5B;
  --berry-compote-cream-4: #E65A84;
  --berry-compote-cream-5: #FFB0C7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-compote-cream": {
        1: "#581C26",
        2: "#802A3C",
        3: "#B23D5B",
        4: "#E65A84",
        5: "#FFB0C7",
      }
    }
  }
}

Hex values

Color 1#581C26

Color 2#802A3C

Color 3#B23D5B

Color 4#E65A84

Color 5#FFB0C7

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

3.8:1AA18

7.6:1AAA

1.4:1Fail

1.6:1Fail

2.7:1Fail

5.3:1AA

2.3:1Fail

1.6:1Fail

1.7:1Fail

3.3:1AA18

3.8:1AA18

2.7:1Fail

1.7:1Fail

2:1Fail

7.6:1AAA

5.3:1AA

3.3:1AA18

2:1Fail

Similar palettes

More like Berry Compote Cream

View all warm

Berry Compote Delight

Berry Patch Delight

Frosted Berry Crumble

Summer Berries

Sweet Berry Jam

Berry Jam Morning