Back to palettes

Palette

Cloud Berry

Gentle, creamy tones with a hint of muted berry blush, evoking light and airy deliciousness.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C2B280#D2B48C#E0CCA6#F5DEB3#E7B2BA

Palette guide

How to use Cloud Berry

Overview

The Cloud Berry palette offers a gentle, creamy collection of tones with a delicate hint of muted berry blush, evoking a sense of light, airy deliciousness. Anchored by warm beiges and creams like #F5DEB3 and #E0CCA6, it's complemented by deeper tan #D2B48C and a touch of muted gold #C2B280, all kissed by the soft pink of #E7B2BA. This palette is perfect for creating inviting, cozy, and sophisticated designs, ideal for brands that prioritize natural warmth, comfort, and subtle elegance.

Best used for

  • Artisanal bakery branding
  • Wedding and event invitations
  • Cozy home decor websites
  • Lifestyle and wellness blogs
  • Natural cosmetic packaging
  • Soft, inviting photography backdrops

Suggested color roles

primary

Use #F5DEB3 (lightest cream) or #E0CCA6 (warm beige) as the main background for a soft, inviting canvas.

secondary

Apply #D2B48C (tan) or #C2B280 (muted gold) for complementary sections, cards, or subtle UI elements.

accent

Introduce #E7B2BA (soft berry blush) for a gentle pop of color, highlights, or feminine touches.

background

A base of #F5DEB3 provides a clean, warm, and airy foundation for any design.

text

For good readability, use a dark brown (e.g., #5C4033) or charcoal text color on these light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing lighter cream tones with similar backgrounds.
  • Use darker shades like #C2B280 for interactive elements to improve visibility.
  • Avoid using very light text on light backgrounds for critical information.
  • Test color combinations with accessibility tools to ensure legibility.

Recommended combinations

Creamy Blush

Perfect for a gentle, feminine feel, combining light cream with a soft berry accent and a grounding tan.

#F5DEB3 · #E7B2BA · #D2B48C

Warm Earth

Creates a cozy, natural ambiance, ideal for organic or handcrafted product branding.

#E0CCA6 · #C2B280 · #D2B48C

Airy Delight

Emphasizes the lightness of the palette, combining the brightest cream with a muted gold and soft berry accent.

#F5DEB3 · #C2B280 · #E7B2BA

CSS variables

:root {
  --cloud-berry-1: #C2B280;
  --cloud-berry-2: #D2B48C;
  --cloud-berry-3: #E0CCA6;
  --cloud-berry-4: #F5DEB3;
  --cloud-berry-5: #E7B2BA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cloud-berry": {
        1: "#C2B280",
        2: "#D2B48C",
        3: "#E0CCA6",
        4: "#F5DEB3",
        5: "#E7B2BA",
      }
    }
  }
}

Related searches

creamy berry palettesoft beige colorslight blush tonescalm dessert palettenatural warm pastels

Palette colors

Hex values

Color 1#C2B280
·
Color 2#D2B48C
·
Color 3#E0CCA6
·
Color 4#F5DEB3
·
Color 5#E7B2BA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.6:1Fail
1.2:1Fail
2
1.1:1Fail
1.3:1Fail
1.5:1Fail
1.1:1Fail
3
1.3:1Fail
1.3:1Fail
1.2:1Fail
1.2:1Fail
4
1.6:1Fail
1.5:1Fail
1.2:1Fail
1.4:1Fail
5
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Cloud Berry

View all pastel
Cloudberry Patch Mist
Cloud Puff Dream
Cloud Soft Dawn
Cloud Whisper Bloom
Cloud Whispers
Cloudspun Morning