Back to palettes

Palette

Lake Shore Ember

Gentle, warm hues capture the tranquil beauty of a sunset reflecting on a calm lake shore.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lake Shore Ember 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 Shore Ember.

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

Data visualization

#CD5C5C#FFA07A#FF7F50#D2B48C#B0E0E6

Palette guide

How to use Lake Shore Ember

Overview

The Lake Shore Ember palette captures the tranquil beauty of a sunset reflecting on a calm lake shore, with gentle, warm hues. This inviting collection features vibrant reds and oranges like #CD5C5C, #FFA07A, and #FF7F50, reminiscent of fading embers. These are softened by the sandy tone of #D2B48C and the serene sky blue of #B0E0E6. This palette is perfect for designers seeking to evoke warmth, peacefulness, and a touch of natural magic. It's ideal for lifestyle brands, travel and hospitality, or any project aiming for a cozy, inviting, and visually harmonious aesthetic, providing a comforting and memorable experience.

Best used for

  • Sunset photography showcases
  • Autumn and holiday marketing campaigns
  • Travel and hospitality branding
  • Cozy blog or website themes
  • Event invitations with a warm, natural feel
  • Home decor and comfort product design

Suggested color roles

primary

Use #CD5C5C as a warm primary for main headers or key calls-to-action, providing a welcoming and energetic base.

secondary

Apply #FFA07A for subheadings, secondary content, or graphical elements, offering a softer, inviting orange.

accent

Utilize #FF7F50 as a vibrant accent for interactive elements or highlights, drawing immediate attention with its brightness.

background

Employ #B0E0E6 for clean, airy backgrounds, creating a light, expansive canvas that allows warmer elements to stand out.

text

For primary body text, a dark brown or black offers excellent contrast on #B0E0E6. For elements on #CD5C5C, white or a very light cream is ideal.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter shades like #FFA07A on #B0E0E6.
  • Avoid using #FF7F50 on #FFA07A for critical text due to potential low contrast.
  • Use #CD5C5C or a dark brown for all critical text on light backgrounds to meet WCAG AA standards.
  • Test color combinations for interactive elements to ensure they are clearly distinguishable and usable by all.

Recommended combinations

Ember Glow

Creates a vibrant, warm focal point; ideal for hero sections, attention-grabbing elements, or emotional branding.

#CD5C5C · #FFA07A · #FF7F50

Shoreline Sunset

Offers a balanced, serene feel; excellent for background textures, subtle gradients, or harmonious layouts.

#D2B48C · #B0E0E6 · #FFA07A

Warm Horizon

Provides strong visual contrast with a calming effect; suitable for headlines against a light sky backdrop with earthy accents.

#CD5C5C · #B0E0E6 · #D2B48C

CSS variables

:root {
  --lake-shore-ember-1: #CD5C5C;
  --lake-shore-ember-2: #FFA07A;
  --lake-shore-ember-3: #FF7F50;
  --lake-shore-ember-4: #D2B48C;
  --lake-shore-ember-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lake-shore-ember": {
        1: "#CD5C5C",
        2: "#FFA07A",
        3: "#FF7F50",
        4: "#D2B48C",
        5: "#B0E0E6",
      }
    }
  }
}

Related searches

sunset lake color schemewarm serene paletteember tones web designcalm red orange bluenatural warm branding

Palette colors

Hex values

Color 1#CD5C5C
·
Color 2#FFA07A
·
Color 3#FF7F50
·
Color 4#D2B48C
·
Color 5#B0E0E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.6:1Fail
2:1Fail
2.8:1Fail
2
2:1Fail
1.3:1Fail
1:1Fail
1.4:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2:1Fail
1:1Fail
1.3:1Fail
1.4:1Fail
5
2.8:1Fail
1.4:1Fail
1.7:1Fail
1.4:1Fail

Similar palettes

More like Lake Shore Ember

View all warm
Lake Reflection Glow
Ocean Twilight Bloom
Canyon Horizon Fade
Dusk Radiance Warmth
Ember Twilight Hues
Golden Horizon Warmth