Palette

Lake Reflection Glow

Gentle, warm tones mirroring the peaceful glow of a sunset reflecting on a still lake.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lake Reflection 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 Lake Reflection Glow.

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

Data visualization

#E7A8A8#D18F8F#A88F8F#8F7777#F2E8E8

Palette guide

How to use Lake Reflection Glow

Overview

The Lake Reflection Glow palette captures the peaceful glow of a sunset reflecting on a still lake, with gentle, warm tones. This soothing collection features soft, muted reds and browns, including the inviting #E7A8A8 and #D18F8F. Deeper, more grounded shades like #A88F8F and #8F7777 provide a sense of stability, while the very light #F2E8E8 offers an airy, almost sandy contrast. This palette is ideal for designers looking to evoke warmth, comfort, and a sense of calm. It's particularly well-suited for lifestyle blogs, cozy home decor brands, or any project aiming for a gentle, reflective, and inviting aesthetic, promoting a feeling of quiet contentment.

Best used for

Lifestyle and personal blogs
Cozy home decor branding
Autumn-themed marketing campaigns
Wellness and self-care product design
Photography and art showcases with a warm mood
Digital interfaces requiring a comforting, soft aesthetic

Suggested color roles

primary

Use #8F7777 as a grounding primary for main navigation or important headers, offering a deep, earthy warmth.

secondary

Apply #A88F8F for subheadings, secondary content, or subtle graphical elements, maintaining a cohesive muted tone.

accent

Utilize #D18F8F or #E7A8A8 as a soft accent for interactive elements or highlights, providing a gentle pop of color.

background

Employ #F2E8E8 for clean, expansive backgrounds, creating a light, airy canvas that enhances readability and warmth.

text

For primary body text, a dark brown or charcoal provides excellent contrast on #F2E8E8. For headings on #F2E8E8, #8F7777 works beautifully.

Accessibility notes

Ensure sufficient contrast between #8F7777 and #F2E8E8 for text, meeting WCAG AA standards.
Avoid using #E7A8A8 on #F2E8E8 for critical text due to potential low contrast.
Consider using #A88F8F for larger headings or graphical elements on lighter backgrounds to improve legibility.
Always verify color contrast ratios for text and interactive components to ensure accessibility for all users.

Recommended combinations

Sunset Depths

Creates a rich, contemplative atmosphere; ideal for strong header elements or atmospheric background sections.

#8F7777 · #A88F8F · #D18F8F

Gentle Glow

Offers a soft, ethereal feel; excellent for clean layouts, subtle gradients, or large background areas.

#D18F8F · #E7A8A8 · #F2E8E8

Warm Contrast

Provides clear hierarchy with gentle transitions; suitable for professional documents or elegant web interfaces.

#8F7777 · #F2E8E8 · #A88F8F

CSS variables

:root {
  --lake-reflection-glow-1: #E7A8A8;
  --lake-reflection-glow-2: #D18F8F;
  --lake-reflection-glow-3: #A88F8F;
  --lake-reflection-glow-4: #8F7777;
  --lake-reflection-glow-5: #F2E8E8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lake-reflection-glow": {
        1: "#E7A8A8",
        2: "#D18F8F",
        3: "#A88F8F",
        4: "#8F7777",
        5: "#F2E8E8",
      }
    }
  }
}

Hex values

Color 1#E7A8A8

Color 2#D18F8F

Color 3#A88F8F

Color 4#8F7777

Color 5#F2E8E8

Accessibility

Contrast checker

1.3:1Fail

1.5:1Fail

2.1:1Fail

1.7:1Fail

1.3:1Fail

1.1:1Fail

1.6:1Fail

2.2:1Fail

1.5:1Fail

1.1:1Fail

1.4:1Fail

2.5:1Fail

2.1:1Fail

1.6:1Fail

1.4:1Fail

3.4:1AA18

1.7:1Fail

2.2:1Fail

2.5:1Fail

3.4:1AA18

Similar palettes

More like Lake Reflection Glow