Back to palettes

Palette

Seaside Cottage Linen

Soft, breathable whites and creams, inspired by the comforting simplicity of natural linen in a seaside cottage.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDFDF7#E8E8E0#D0D0C7#B8B8B0#A0A097

Palette guide

How to use Seaside Cottage Linen

Overview

The "Seaside Cottage Linen" palette offers a collection of soft, breathable whites and creams, inspired by the comforting simplicity of natural linen. Featuring delicate shades like #FDFDF7, #E8E8E0, and #D0D0C7, alongside deeper tones such as #B8B8B0 and #A0A097, this palette creates a calm, minimal, and naturally elegant aesthetic. It's perfect for designers seeking to evoke a serene, airy, and sophisticated atmosphere, reminiscent of a peaceful seaside retreat. This versatile neutral collection provides a timeless foundation for various design applications.

Best used for

  • Minimalist interior design
  • Wedding stationery and branding
  • Natural beauty product packaging
  • Serene website backgrounds
  • High-end fashion branding
  • Calm and inviting digital interfaces

Suggested color roles

primary

Use #FDFDF7 as the main background for a clean, expansive, and airy feel.

secondary

Apply #E8E8E0 or #D0D0C7 for content blocks, subtle navigation, or secondary UI elements.

accent

Utilize #B8B8B0 for delicate highlights, borders, or subtle interactive states.

background

Employ #FDFDF7 to create a bright, soft, and inviting foundational canvas.

text

For body text on lighter backgrounds, use #A0A097 or #B8B8B0 for a soft look, or a dark charcoal for enhanced readability.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter shades like #FDFDF7 with other pale colors.
  • For optimal readability, use #A0A097 or a dark neutral (e.g., black) for body text on #FDFDF7 or #E8E8E0 backgrounds.
  • Avoid using light text on #B8B8B0 or #A0A097 without verifying contrast ratios for accessibility.
  • Headings and important information should utilize #A0A097 to provide clear visual hierarchy.

Recommended combinations

Light & Airy

Ideal for clean website layouts, expansive backgrounds, and minimalist branding.

#FDFDF7 · #E8E8E0 · #D0D0C7

Subtle Depth

Effective for creating layered UI elements, subtle gradients, and nuanced textures.

#D0D0C7 · #B8B8B0 · #A0A097

Contrast Pop

Use #FDFDF7 for background, #A0A097 for primary text, and #E8E8E0 for secondary elements.

#FDFDF7 · #A0A097 · #E8E8E0

CSS variables

:root {
  --seaside-cottage-linen-1: #FDFDF7;
  --seaside-cottage-linen-2: #E8E8E0;
  --seaside-cottage-linen-3: #D0D0C7;
  --seaside-cottage-linen-4: #B8B8B0;
  --seaside-cottage-linen-5: #A0A097;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaside-cottage-linen": {
        1: "#FDFDF7",
        2: "#E8E8E0",
        3: "#D0D0C7",
        4: "#B8B8B0",
        5: "#A0A097",
      }
    }
  }
}

Related searches

cream color palettelinen inspired colorsneutral seaside palettecalm minimal colorsoff-white design

Palette colors

Hex values

Color 1#FDFDF7
·
Color 2#E8E8E0
·
Color 3#D0D0C7
·
Color 4#B8B8B0
·
Color 5#A0A097
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2:1Fail
2.6:1Fail
2
1.2:1Fail
1.3:1Fail
1.6:1Fail
2.1:1Fail
3
1.5:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.6:1Fail
2.1:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Seaside Cottage Linen

View all neutral
Natural Linen Texture
Seaside Linen
Calm Lakeside Stone
Dusty Sage Bloom
Quiet Tea Ceremony
River Stone Whisper