Palette

Seaside Cottage Charm

Reflecting the breezy tranquility and soft, sun-faded colors of a charming coastal cottage.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D4F1F4#75E6DA#189AB4#05445E#B3CDE0

Palette guide

How to use Seaside Cottage Charm

Overview

The Seaside Cottage Charm palette (ID: seaside-cottage-charm-2) evokes the breezy tranquility and sun-faded colors of a charming coastal retreat. This cool palette features hex codes such as #D4F1F4 (Pale Sky Blue), #75E6DA (Aqua Mint), #189AB4 (Vibrant Teal), #05445E (Deep Ocean Blue), and #B3CDE0 (Light Blue Gray). It's an excellent choice for designers and developers seeking a fresh, vibrant, yet calm nautical theme. The blend of deep ocean blues, refreshing teals, and soft sky tones creates an inviting atmosphere that is both serene and lively, perfect for conveying a sense of summer, beach, and relaxing charm in digital and physical designs.

Best used for

Coastal tourism websites or travel brochures
Summer clothing brand identity and marketing
Beach house rental platforms or real estate listings
Children's educational apps with an ocean theme
Fresh food or seafood restaurant branding
Home decor e-commerce sites specializing in coastal style

Suggested color roles

primary

Use #05445E (Deep Ocean Blue) as a strong, anchoring blue perfect for main navigation, key calls to action, or prominent branding elements.

secondary

Employ #189AB4 (Vibrant Teal) as a lively, engaging blue ideal for subheadings, interactive elements, or highlighting important information.

accent

Apply #75E6DA (Aqua Mint) to provide a refreshing pop of color, excellent for icons, hover effects, or small decorative details that add energy.

background

Utilize #D4F1F4 (Pale Sky Blue) as a light, airy blue that establishes a serene and open atmosphere as the primary canvas.

text

For main body text and headings on #D4F1F4, #05445E ensures good readability. A clean white can be used for text on darker blues.

Accessibility notes

Ensure #05445E and #189AB4 provide sufficient contrast against #D4F1F4 for text readability.
Text on #75E6DA will likely need to be very dark (black or near-black) for good contrast against lighter backgrounds.
The contrast between #B3CDE0 and #D4F1F4 is low; use these for non-critical elements or larger text only.
Always verify contrast ratios for all text and interactive elements to meet WCAG compliance.

Recommended combinations

Deep Waters

A classic nautical combination, excellent for primary branding, hero sections, or content blocks requiring a strong, clear presence.

#05445E · #189AB4 · #D4F1F4

Breezy Shore

Creates a light, airy, and refreshing feel, suitable for secondary backgrounds, subtle gradients, or decorative elements.

#75E6DA · #B3CDE0 · #D4F1F4

Coastal Pop

For a dynamic and lively design, ideal for infographics, call-out boxes, or sections that need to capture immediate attention.

#05445E · #75E6DA · #189AB4

CSS variables

:root {
  --seaside-cottage-charm-2-1: #D4F1F4;
  --seaside-cottage-charm-2-2: #75E6DA;
  --seaside-cottage-charm-2-3: #189AB4;
  --seaside-cottage-charm-2-4: #05445E;
  --seaside-cottage-charm-2-5: #B3CDE0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaside-cottage-charm-2": {
        1: "#D4F1F4",
        2: "#75E6DA",
        3: "#189AB4",
        4: "#05445E",
        5: "#B3CDE0",
      }
    }
  }
}

Hex values

Color 1#D4F1F4

Color 2#75E6DA

Color 3#189AB4

Color 4#05445E

Color 5#B3CDE0

Accessibility

Contrast checker

1.3:1Fail

2.8:1Fail

8.9:1AAA

1.4:1Fail

1.3:1Fail

2.2:1Fail

7.1:1AAA

1.1:1Fail

2.8:1Fail

2.2:1Fail

3.2:1AA18

2:1Fail

8.9:1AAA

7.1:1AAA

3.2:1AA18

6.4:1AA

1.4:1Fail

1.1:1Fail

2:1Fail

6.4:1AA

Similar palettes

More like Seaside Cottage Charm

Coastal Seafoam Spray

Ocean Driftwood Calm

Riviera Coast Charm