Back to palettes

Palette

Soft Summer Sunset

Gentle and inviting hues capturing the serene and colorful end to a beautiful summer day.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Soft Summer Sunset 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 Soft Summer Sunset.

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

Data visualization

#FFA07A#FFD700#F0E68C#FDF5E6#FFB6C1

Palette guide

How to use Soft Summer Sunset

Overview

The Soft Summer Sunset palette captures the gentle and inviting hues of a beautiful summer evening, creating a warm and serene atmosphere. Featuring the soft coral of `#FFA07A`, the vibrant gold of `#FFD700`, and the delicate blush of `#FFB6C1`, alongside the creamy `#FDF5E6`, this collection evokes a sense of calm and natural beauty. Designers and developers can leverage these warm, inviting tones to create engaging digital interfaces, cozy branding, or evocative print materials. The palette's blend of sun-kissed colors is perfect for projects seeking a friendly and optimistic feel.

Best used for

  • Summer event branding
  • Travel and lifestyle blogs
  • Food photography and recipe sites
  • Bohemian fashion and decor
  • Cozy home interior design
  • Creative portfolios and personal brands

Suggested color roles

primary

Use `#FFA07A` as the main soft coral, providing warmth and a gentle focal point for headings or key elements.

secondary

Employ `#FFD700` for vibrant accents, calls to action, or to bring a touch of golden energy.

accent

Apply `#FFB6C1` sparingly as a delicate blush accent, adding a romantic and soft touch.

background

Utilize `#FDF5E6` as a creamy, warm off-white base, providing an inviting canvas for content.

text

Pair with a dark brown or charcoal for optimal readability on lighter backgrounds, and white on `#FFA07A` or `#FFD700` where contrast allows.

Accessibility notes

  • Ensure dark text (e.g., dark brown or charcoal) is used on lighter backgrounds like `#FDF5E6` and `#F0E68C` for legibility.
  • When using `#FFA07A` or `#FFD700` for text, ensure it is large and bold, or use white/light text for sufficient contrast.
  • Avoid using `#F0E68C` as a background for small text, as it may not provide enough contrast.
  • For interactive elements, ensure clear visual feedback, as some color combinations are warm but low in contrast.

Recommended combinations

Golden Hour Glow

Creates a classic sunset gradient, perfect for vibrant headers, banners, or evocative backgrounds.

#FFA07A · #FFD700 · #F0E68C

Sunset Blush

Combines pink, coral, and a creamy white for a soft, romantic, and inviting aesthetic.

#FFB6C1 · #FFA07A · #FDF5E6

Warm Earth

Provides a gentle transition from light cream to golden yellow, ideal for subtle background variations.

#FDF5E6 · #F0E68C · #FFD700

CSS variables

:root {
  --soft-summer-sunset-1: #FFA07A;
  --soft-summer-sunset-2: #FFD700;
  --soft-summer-sunset-3: #F0E68C;
  --soft-summer-sunset-4: #FDF5E6;
  --soft-summer-sunset-5: #FFB6C1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-summer-sunset": {
        1: "#FFA07A",
        2: "#FFD700",
        3: "#F0E68C",
        4: "#FDF5E6",
        5: "#FFB6C1",
      }
    }
  }
}

Related searches

summer sunset palettewarm pastel colorsbohemian color schemegolden hour photographyinviting website colors

Palette colors

Hex values

Color 1#FFA07A
·
Color 2#FFD700
·
Color 3#F0E68C
·
Color 4#FDF5E6
·
Color 5#FFB6C1
·

Accessibility

Contrast checker

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

Similar palettes

More like Soft Summer Sunset

View all warm
Ember Twilight Hues
Golden Hour Mist
Canyon Horizon Fade
Dusk Radiance Warmth
Golden Horizon Warmth
Golden Hour Fields