Back to palettes

Palette

Rosehip Tea Glow

Warm and comforting, like the gentle, inviting blush of a brewed rosehip tea.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rosehip Tea Glow 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 Rosehip Tea Glow.

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

Data visualization

#A52A2A#DC143C#F08080#FFA07A#FFC0CB

Palette guide

How to use Rosehip Tea Glow

Overview

The Rosehip Tea Glow palette offers a warm and comforting spectrum, reminiscent of a cozy, autumnal brew. This inviting collection transitions from the deep, grounding #A52A2A to the vibrant #DC143C, softening into the gentle #F08080. Designers can leverage the bright and friendly #FFA07A, culminating in the delicate #FFC0CB, to create designs that feel natural, welcoming, and full of character. It's an excellent choice for projects seeking to evoke warmth, natural beauty, or a touch of vintage charm. Ideal for branding, editorial content, or UI elements where a rich yet approachable feel is desired, this palette provides a harmonious blend of reds and pinks.

Best used for

  • Autumnal marketing campaigns
  • Food and beverage branding (tea, coffee shops)
  • Cozy blog or website themes
  • Natural beauty product packaging
  • Editorial designs with warm photography
  • Home decor inspiration visuals

Suggested color roles

primary

Use #A52A2A for strong headings or foundational brand elements, offering deep warmth.

secondary

Apply #DC143C for impactful call-to-actions or key visual accents, providing vibrancy.

accent

Introduce #FFA07A for highlights, illustrations, or secondary buttons to add a friendly glow.

background

A light neutral like #FFC0CB can serve as a soft background, allowing richer colors to pop.

text

Dark charcoal or black for primary text. For lighter backgrounds, a deep brown or #A52A2A can work for headlines.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially with lighter shades like #FFC0CB and #FFA07A.
  • Avoid using #F08080 for small text on a light background due to potential readability issues.
  • Pair the deeper reds (#A52A2A, #DC143C) with light backgrounds for optimal contrast.
  • Test color pairings for WCAG AA compliance to ensure broad accessibility.

Recommended combinations

Autumn Depth

Effective for creating a rich, layered look in headers or hero sections, conveying warmth.

#A52A2A · #DC143C · #F08080

Gentle Glow

Perfect for soft backgrounds, illustrations, or UI elements that need to feel light and approachable.

#FFA07A · #FFC0CB · #F08080

Vibrant Brew

Use for dynamic call-to-actions, infographics, or sections requiring strong visual emphasis.

#DC143C · #A52A2A · #FFA07A

CSS variables

:root {
  --rosehip-tea-glow-1: #A52A2A;
  --rosehip-tea-glow-2: #DC143C;
  --rosehip-tea-glow-3: #F08080;
  --rosehip-tea-glow-4: #FFA07A;
  --rosehip-tea-glow-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rosehip-tea-glow": {
        1: "#A52A2A",
        2: "#DC143C",
        3: "#F08080",
        4: "#FFA07A",
        5: "#FFC0CB",
      }
    }
  }
}

Related searches

warm red pink paletteautumnal color schemesrosehip tea colorscozy brand colorsnatural blush palette

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#DC143C
·
Color 3#F08080
·
Color 4#FFA07A
·
Color 5#FFC0CB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.7:1Fail
3.6:1AA18
4.6:1AA
2
1.4:1Fail
1.9:1Fail
2.5:1Fail
3.2:1AA18
3
2.7:1Fail
1.9:1Fail
1.3:1Fail
1.7:1Fail
4
3.6:1AA18
2.5:1Fail
1.3:1Fail
1.3:1Fail
5
4.6:1AA
3.2:1AA18
1.7:1Fail
1.3:1Fail

Similar palettes

More like Rosehip Tea Glow

View all warm
Frosted Berry Crumble
Autumn Cider Spill
Autumn Harvest Berry
Autumn Harvest Gold
Autumn Leaf Rustle
Autumn Maple Leaf