Palette

Seaside Brunch

Light, refreshing hues inspired by a sunny morning meal overlooking the serene ocean.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seaside Brunch 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 Seaside Brunch.

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

Data visualization

#FDF5E6#C9E2B2#A6D6D6#6FBAC5#488B97

Palette guide

How to use Seaside Brunch

Overview

The Seaside Brunch palette brings a light, refreshing energy, inspired by a sunny morning meal overlooking the serene ocean. This cool collection features vibrant yet calm hues, including #FDF5E6 (Creamy White), #C9E2B2 (Pale Green), #A6D6D6 (Light Aqua), #6FBAC5 (Aqua Blue), and #488B97 (Deep Teal). It's an excellent choice for designers and developers looking to evoke a fresh, airy, and inviting coastal aesthetic. The interplay of soft greens, tranquil blues, and a warm off-white creates a harmonious balance, perfect for projects that aim to feel both lively and relaxing, reminiscent of a perfect summer day by the sea.

Best used for

Restaurant or cafe branding, especially coastal themes
Travel agency websites promoting beach destinations
Summer-themed product launches and marketing campaigns
Lifestyle blogs and online magazines with a fresh aesthetic
Packaging for fresh food, beverages, or gourmet items
Mobile app interfaces for social, leisure, or travel activities

Suggested color roles

primary

Use #488B97 (Deep Teal) as a rich, inviting hue for prominent calls to action, main headers, or impactful brand accents.

secondary

Employ #6FBAC5 (Aqua Blue) as a lighter, refreshing blue, ideal for secondary buttons, links, or decorative elements that need to pop.

accent

Apply #C9E2B2 (Pale Green) to provide a soft, natural contrast, perfect for subtle highlights, icons, or graphical elements that add freshness.

background

Utilize #FDF5E6 (Creamy White) as an inviting, warm off-white that serves as a clean and airy base for all content.

text

For headings, #488B97 provides excellent contrast. A dark charcoal like #333333 is recommended for body text on #FDF5E6. Use #6FBAC5 for links or secondary information.

Accessibility notes

Ensure text in #488B97 has good contrast against #FDF5E6 for optimal readability.
#C9E2B2 will likely require a very dark text color (e.g., black or dark charcoal) or be used for non-textual elements due to low contrast against light backgrounds.
The combination of #A6D6D6 and #6FBAC5 should be checked for sufficient contrast if used for foreground/background elements.
Avoid placing light colors like #C9E2B2 on #FDF5E6 for essential information due to insufficient contrast.

Recommended combinations

Ocean Breeze

Creates a fresh, aquatic feel, perfect for hero sections or brand identity, emphasizing a clean coastal aesthetic with vibrancy.

#488B97 · #6FBAC5 · #FDF5E6

Garden Brunch

A softer, more organic combination for backgrounds, secondary content blocks, or subtle graphic elements, evoking freshness and calm.

#C9E2B2 · #A6D6D6 · #FDF5E6

Vibrant Coast

For a lively, engaging interface, ideal for infographics, interactive elements, or sections requiring a distinct visual pop and energy.

#488B97 · #A6D6D6 · #C9E2B2

CSS variables

:root {
  --seaside-brunch-1: #FDF5E6;
  --seaside-brunch-2: #C9E2B2;
  --seaside-brunch-3: #A6D6D6;
  --seaside-brunch-4: #6FBAC5;
  --seaside-brunch-5: #488B97;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaside-brunch": {
        1: "#FDF5E6",
        2: "#C9E2B2",
        3: "#A6D6D6",
        4: "#6FBAC5",
        5: "#488B97",
      }
    }
  }
}

Hex values

Color 1#FDF5E6

Color 2#C9E2B2

Color 3#A6D6D6

Color 4#6FBAC5

Color 5#488B97

Accessibility

Contrast checker

1.3:1Fail

1.5:1Fail

2:1Fail

3.6:1AA18

1.3:1Fail

1.1:1Fail

1.6:1Fail

2.8:1Fail

1.5:1Fail

1.1:1Fail

1.4:1Fail

2.4:1Fail

2:1Fail

1.6:1Fail

1.4:1Fail

1.8:1Fail

3.6:1AA18

2.8:1Fail

2.4:1Fail

1.8:1Fail

Similar palettes

More like Seaside Brunch

View all cool

Aqua Seafoam Dream

Coastal Seafoam Dream

Morning Cloud Ascent

Summer Cloud Play

Tranquil Morning Dew

Whispering Willow Breezes